发表于: 2017-06-01 21:56:02

1 1119


今日所做:

1.学习使用directive:

app.directive('abc',function(){
var json={
restrict:'A',
       template:'<div>abctetreter</div><ng-transclude></ng-transclude>',
       transclude:true
   };
   return json
})

directive的定义格式和filter与controller的定义类似,都是在括号内命名,然后接一个函数,

在函数内部返回json

2.restrict用来限定directive的使用方式,E是使用元素来使用directive,A是使用属性来使用

directive

3.在使用directive时,可以选择在已有元素内部加入模板,或直接替换掉模板,如果

是替换模板,就加一个replace:true的属性,如果是在元素内部加入模板,可以加

transclude,之后还要加一个占位符,用来选择已有元素内部原来的内容所在的位置

明日计划:

继续做任务8

将directive用在实际中、

问题:

任务8必须做出指令吗?

directive中的link是干嘛用的?

收获:

学习到了directive的基本使用方法


返回列表 返回列表
评论

    分享到