2015年7月3日

AngularJs自定义指令详解(5) - link

摘要: 在指令中操作DOM,我们需要link参数,这参数要求声明一个函数,称之为链接函数。写法:link: function(scope, element, attrs) { // 在这里操作DOM}如果指令使用了require选项,那么链接函数会有第四个参数,代表控制器或者所依赖的指令的控制器。// r... 阅读全文

posted @ 2015-07-03 23:23 开发手游啦啦啦 阅读(9085) 评论(0) 推荐(0) 编辑

AngularJs自定义指令详解(4) - transclude

摘要: transclude默认值为false,如果设置transclude为true,那么相应地,必须在模板代码中加入ng-transclude指令。先看个例子: 小标题1 小标题2 输出:大标题见鬼!小标题全不见了!审查元... 阅读全文

posted @ 2015-07-03 17:22 开发手游啦啦啦 阅读(689) 评论(0) 推荐(0) 编辑

AngularJs自定义指令详解(3) - scope

摘要: 我们之所以要定义指令,目的是重用指令。假设有这么一个应用场景:在同一个html里使用了两次my-directive,第一个my-directive要展示的是Hello World,第二个my-directive要展示的是Hello AngularJs。为了实现上面的想法,一个做法是创建两个控制器(因... 阅读全文

posted @ 2015-07-03 16:41 开发手游啦啦啦 阅读(1904) 评论(2) 推荐(1) 编辑

AngularJs自定义指令详解(2) - template

摘要: 一些用于定义行为的指令,可能不需要使用template参数。当指定template参数时,其值可以是一个字符串,表示一段HTML文本,也可以是一个函数,这函数接受两个参数:tElement和tAttrs。前者用的较为普遍,而且也好理解。后者暂不理会。下面是一个例子,在模板中使用rootScope里定... 阅读全文

posted @ 2015-07-03 14:45 开发手游啦啦啦 阅读(562) 评论(0) 推荐(0) 编辑

AngularJs自定义指令详解(1) - restrict

摘要: 下面所有例子都使用angular-1.3.16。下载地址:http://cdn.bootcss.com/angular.js/1.3.16/angular.min.js既然AngularJs快要发布2.0,所以现在也没必要追求最新版本。而且,2.0变动实在太大,所以当前学习AngularJs不需要过... 阅读全文

posted @ 2015-07-03 14:21 开发手游啦啦啦 阅读(2038) 评论(0) 推荐(1) 编辑

导航