您的位置:首页 > Web前端 > AngularJS

Angularjs中link函数参数含义小节

2016-07-04 16:57 423 查看
restrict

E: 表示该
directive
仅能以element方式使用,即:
<my-dialog></my-dialog>

A: 表示该
directive
仅能以attribute方式使用,即:
<div my-dialog></div>

EA: 表示该
directive
既能以element方式使用,也能以attribute方式使用

transclude

你的
directive
可能接受页面上的其他html内容时才会用到,建议你先去掉该参数。有些高阶了。

scope

当你写上该属性时,就表示这个
directive
不会从它的
controller
里继承
$scope
对象,而是会重新创建一个。

templateUrl

你的
directive
里的
html
内容

link

可以简单理解为,当
directive
被angular 编译后,执行该方法

link
中的第一个参数
scope就是return中得scope属性


element
简单说就是
$('my-dialog')


attrs
是个map,内容是你这个
directive
上的所有属性,例如:你在页面上如果这样写了
directive
:

<my-dialog type="modal" animation="fade"></my-dialog>

attrs
就是:
{
type: 'modal',
animation: 'fade'
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: