整理 Anglarjs的service,directve的基本用法

service，Service就是【单例对象】在AngluarJS中的一个别名,保证你每次访问到都是一个实例。

EX：

              module.service(‘book’，[‘$scope’,function($rootscope)

{

    var service={book:[

        {title:”Mag”,author:”Raynd”},

        {title:”Thos”,author:”cone”}

],

addBook:function(book){

        service.books.push(book);

        $rootScope.$broadcast(‘books.update’);

    }

}

Return service;

}]);

index

 

index: index 属性可返回下拉列表中选项的索引位置。

 

DIRECTIVES(指令)

EX:

Module.directive(“abbbookbutton”,[‘Book’,function(Book)

       {

              Return{

              Restrict:”A”,

              Link:function(scope,elements,attrs){

              Element.bind(“click”,function(){

                     Book.addBook({title:”StarWars”,author:”wwww”});

});

                            }

       }

]);

 

把该指令应用到视图中

<buttonadd-book-button>add book</button>

DIRECTIVE主要作用是

Un-DRY

Angularjs 链接

http://angularjs.cn/A0kK