directive()自定义函数内参数的解析

Posted 2020-10-11 啊友的前端历程

 * 1,restrict:A:attributes;E:element;M:comment(注释);C:class 

 * 2,transclude:为true的时候，可以在模版中增加<div ng-transclude></div>来保留标签内部内容.可以处理嵌套 

 * 3,replace:是否替换指令中的内容,例：<div>replace内容</div> 

 * 4,scope:返回一个对象，但并不是controller的scope;利用这个，可以在同一控制器内实现数据的动态绑定。而且优先级要高于templateUrl 

 * 5,templateUrl:这个返回的函数里面只能有这两个参数，第一个是元素，第二个是属性.并且U大写。 

 * 6,link:function link(scope, element, attrs, controller, transcludeFn) 

 * 7,controller:属于自己的controller，为了给其他指令调用。 

 * 8,require:要求的指令必须创建，属性和元素都可以，不创建的话link的transcludeFn为空～～～ 

指令中scope的绑定策略 

 * 1，@ 把当前属性当作字符串来传递，不是对象。还可以绑定来自外层scope的值，在属性值中加入{{}}即可； 

 * 2，＝ 与父scope中的属性进行双向绑定。 

 * 3，& 传递一个来自父scope的函数，稍后调用。 

 * 4，这个作用域还真重要，利用link不能替代它，比如动态绑定controller里面的内容。