发表于: 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的基本使用方法
评论