Angularjs中编写指令模版
2015-08-16 10:48
736 查看
angular.module('moduleName', []).directive( 'namespaceDirectiveName', [ function() { return { restrict : '',// 描述指令在模版中的使用方式,包括元素E,属性A,CSS样式类,注释或者以上方式的任意主和 priority : 0,// 设置指令在模版中的执行顺序,顺序是相对于其他指令而言 template : '',// 以字符串的形式编写一个内联模版,如果以url的形式提供模版,此属性会被忽略 templateUrl : '',// 描述加载模版所需要的url。如果使用temlate形式提供模版,此属性会被忽略 replace : true,// 如果设置为true则替换指令所在的元素,否则就追加到元素内部 transclude : true,// 把指令元素原来的子节点移动到一个新模版内部 scope : 'bool or object',// 为当前指令创建一个新的作用域,而不是使之继承父作用域 constroller : function($scope, $element, $attrs, $transclude) { // 创建一个控制器,它会暴露一个API,利用这个API可以在多个指令之间进行通信 }, require : '',// 要求必须存在另个一指令,当前指令才能执行 link : function(scope, iElement, iAttrs) { // 使用编程的方式修改最终生成的dom元素的实例,添加事件监听器,并设置数据绑定 }, compile : function(tElement, tAttrs, transclude) { //在使用ng-repeat用编程的方式修改dom模版,从而实现一个指令跨越多个指令的特性。 //也可以返回一个link函数,可以用它来修改产生元素的示例 return { pre : function preLink(scope, iElement, iAttrs, controller) { }, post : function postLink(scope, iElement, iAttrs, controller) { } } } }; } ]);
相关文章推荐
- mac下 搭建Cordova+ionic+AngularJs开发环境
- AngularJs 入门系列-2 表单验证
- angularjs install for window
- [Angularjs]国际化
- angular-utils-pagination 使用案例
- Angular报错记录
- Angular之路-hello
- uva 12301 - An Angular Puzzle(几何)
- AngularJs学习笔记__6、自定义过滤器,阿拉伯数字金额转汉字金额
- AngularJs学习笔记__5、内置过滤器
- Angular 在洋葱圈的实践与思考
- 以todomvc为例分析knockout、backbone和angularjs
- AngularJs 保存人员信息的方法
- AngularJs应用页面切换优化方案
- AngularJS 教程
- angularJs 过滤器
- AngularJS实践(介绍)
- AngularJS实践(01)
- AngularJS(三)——在多个AngularJS controller之间共享数据
- JS 前端框架 AngularJS 国际化