发表于: 2016-08-12 22:29:38

0 2363


  • 今天完成的事情:看基础。


  1. 明天计划的事情理解理解。。


    遇到的问题:。。


收获:

自定义指令:
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的函数,稍后调用




返回列表 返回列表
评论

    分享到