发表于: 2016-08-12 22:29:38
0 2363
今天完成的事情:看基础。
明天计划的事情:理解理解。。
遇到的问题:。。
收获:
自定义指令:
Module.directive("指令名字", function() {
return {
restrict: 'AEMC',
template: '<div>Hi everyone!</div>',
replace: true
}
});
缓存模板,可使用GET获取。
myModule.run(function($templateCache){
$templateCache.put("hello.html","<div>Hello everyone!!!!!!</div>");
});


restrict:
A 用于元素的 Attribute,这是默认值
E 用于元素的名称
C 用于 CSS 中的 class
M 注释
template:true/false
编写少量模板
一般使用templateUrl: xx.html
replace:true/false
替换内容
transclude:
<div ng-transclude></div> 将内容放入transclude。
compile:function(){}
指定函数,用于对模板自身的转换,不推荐使用
link:function(){}
操作DOM在此函数中,绑定事件监听器。
scope:{ }
独立scop。
scope的绑定策略:
@ 把当前属性作为字符串传递。你还可以绑定来自外部scope的值,在属性中插入{{}}即可
= 与父scope中的属性进行双向绑定
& 传递一个来自父scope的函数,稍后调用
评论