整理 Anglarjs的service,directve的基本用法
2015-08-06 13:16
816 查看
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
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
相关文章推荐
- javaweb之web入门基础
- javaweb中静态文件的常用处理方法汇总
- JavaWeb中struts2实现文件上传下载功能实例解析
- JavaWeb工程中集成YMP框架快速上手
- JavaWeb实现文件上传下载功能实例解析
- 用过滤器处理乱码问题 javaweb
- JAVA EE 学习路线
- Dom4j解析XML文档 —— 增删改查
- javaWeb Servlet的helloworld
- javaWeb jstl的基础使用
- eclipse 添加 aptana插件
- javaWeb jstl的基本库的定义, 迭代循环, 条件判断
- 解决JavaWeb项目跨域
- strut1文件上传发现的问题
- Tomcat 基础
- Tomcat 虚拟目录配置
- Tomcat 配置虚拟主机
- Http 协议
- javaweb(1)
- 常用汉字编码表