码迷,mamicode.com
首页 > Web开发 > 详细

angular和web前端的一些细节

时间:2014-07-26 00:56:06      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:http   使用   os   数据   io   for   re   c   

HTML5中的本地存储
localStorage:一直存储在本地
sessionStorage:伴随着session,窗口关闭就没了
用法:localStorage.setItem("key","value")//设置变量
localStorage.getItem("key")//获取变量
localStorage.removeItem("key")//清除变量

angularJS中scope和rootscope的区别
scope:用于单个html与controller之间的数据绑定
rootscope:其中定义的值可以在各个controller中使用
在所有的模板中使用$root.key来使用。

angularJS中的$resource
创建资源对象的工厂。允许与服务器端数据资源进行交互
$resource的用法:
$resource(url,[paramDefaults],[actions],options);
url:url模板,参数以:为前缀,如http://example.com/resource/:resource_id.:format
paramDefault:url参数中的默认值,json格式,如
{
callback: ‘JSON_CALLBACK‘,
stamp: Date.now() + ‘‘ + Math.random(),
action: ‘@action‘
}

action:声明扩展默认资源动作集合的自定义的动作集合
{action1: {method:?, params:?, isArray:?, headers:?, ...},
action2: {method:?, params:?, isArray:?, headers:?, ...},
...}
其中:action为动作名,成为资源对象的方法名
method:HTTP请求方法(GET,POST,JSONP。。。)
params:提前绑定的参数

$resource的使用:
假设其url中有参数id,
.factory(‘Order‘, [‘$resource‘, function($resource) {
return $resource(‘/v1/order/:id‘, { id: ‘@id‘ }
}

.controller(‘XXX‘,[‘$scope‘,‘Order‘,function(){
$scope.order = Order.get({ id: $routeParams.id });
}])

extends的使用
qs = angular.extend(qs, {type: ‘pguid‘});
为qs对象添加新的元素。

内置服务$location
暴露浏览器地址栏中的URL
使用:得到url:
$location.path();
改变url:
$location.path(‘/value‘)
得到get传送的变量:
var search = $location.search();
search.force//url?force=1
当我们调用url()方法时,
返回的是包含path、search和hash部分的已经编码的url,
如/path?search=1&b=c#hash。

angular和web前端的一些细节,布布扣,bubuko.com

angular和web前端的一些细节

标签:http   使用   os   数据   io   for   re   c   

原文地址:http://www.cnblogs.com/youngercode/p/3868627.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!