angularJS缓存的管理

前端之家收集整理的这篇文章主要介绍了angularJS缓存的管理前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在Angular里面,services作为单例对象在需要到的时候被创建,只有在应用生命周期结束的时候(关闭浏览器)才会被清除。而controllers在不需要的时候就会被销毁了。

这里指的不会消失是指 services原始保留的数据和方法
例:
var module = angular.module( "my.module",[] );
module.service( 'Book',[ '$rootScope',function( $rootScope ) {
var service = {
books:[
{ title: "Magician",author: "Raymond E. Feist" },

{ title: "The Hobbit",author: "J.R.R Tolkien" }
],
addBook:function ( book ) {
service.books.push( book );
$rootScope.$broadcast( 'books.update' );
}
}
return service;
}]);
这个server里的 Book. books里的数据 和 addBook 方法刷新是不会消失的

接着我们定义一个指令往 book.books里添加一些数据
module.directive( "addBookButton",[ 'Book',function( Book ) {
return {
restrict: "E,A",
link: function( scope,element,attrs ) {
element.bind( "click",function() {
Book.addBook( { title: "Star Wars",author: "George Lucas" } );
});
}
}
}]);
<div add-book-button>点击新增</div>
点击新增时在 Book.addBook里增加 { title: "Star Wars",author: "George Lucas" }
用ng-controller 可以循环读取数据可以读出来,但 这时候刷新页面 server只会保留原来的 Book. books里的数据 和 addBook 方法 新增的数据不会保存

猜你在找的Angularjs相关文章