AngularJS中的$Scope $rootScope cookies cookieStore

最新推荐文章于 2023-11-11 05:00:00 发布

石头城的丽莎

最新推荐文章于 2023-11-11 05:00:00 发布

阅读量310

点赞数

1.$Scope是AngularJS中controller中的数据和HTML页面沟通的中间域，也就是说HTML能获取$Scope里面的数据显示出来，如果你要让数据能在HMTL中使用，就需要把数据添加到$Scope中。例如$Scope.xx = 'xx'。

2.$rootScope则是所有controller进行数据沟通的中间域，即在$rootScope中的数据，在每个controller中都能通过$rootScope.xxx获取到。

phonecatApp.controller('Test',['$scope','$rootScope',
function($scope,$rootScope) {
$rootScope.name = 'word';
}
]);

phonecatApp.controller('Test2',['$scope','$rootScope',
function($scope,$rootScope) {
$scope.name = $rootScope.name;
}
]);

AngularJS 提供了很好的$cookies和$cookieStore API 用于处理cookies。现在，让我们来看看如何在Angular中使用$cookies与$cookieStore。

我们可以用npm或bower安装ngCookies，贴上github地址
https://github.com/angular/bower-angular-cookies

安装完后，就可以直接引入我们的index.html:

<script src="./bower_components/angular-cookies/angular-cookies.js"></script>

angular.module('cookiesExample', ['ngCookies'])
.controller('ExampleController', ['$cookies', '$cookieStore',function($cookies, $cookieStore) {
}]);

经过Step 1-2 后，我们就可以愉快地使用$cookies与$cookieStore了。

注入到控制器后，我们可以通过浏览器控制器来看看它们提供了什么方法。

显而易见，我们可以利用$cookies添加、查询、删除Cookies。
$cookies提供了put,putObject两个方法用来添加cookies。

$cookies.put('userName','wws');
$cookies.putObject('user', {'name': 'wws'});

我们可以通过浏览器的调试工具看一下结果

现在，cookies已经设置进去了，我们可以再利用$cookies提供的get方法来获取cookies。直接贴图

在某些情况下，我们需要手动清除cookies,这时，我们可以用$cookies提供的remove方法了。

$cookieStore所提供的方法比$cookies少，调用的方式也是一样简单方便。

PS：若你的Ng版本是1.4.X,那就用$cookies就好了。

转载自

https://segmentfault.com/a/1190000006178639

http://blog.csdn.net/teamo_mygirl/article/details/38320229

关注