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'
}
相关文章推荐
- AngularJS学习环境配置
- 浅谈AngularJS中的$parse和$eval
- Angularjs link和compile使用区别
- AngularJS入门教程:导言和准备
- AngularJS执行流程详解
- AngularJs 自定义指令
- [AngularJS面面观] 9. scope事件机制 - 基本概念以及生命周期
- [AngularJS面面观] 8. scope继承 - 属性覆盖,隔离scope以及指定scope的parent
- 从浅入深剖析angular表单验证
- Angularjs总结(五)指令运用及常用控件的赋值操作
- AngularJS浏览缩放图片
- Angularjs总结(四)$on、$emit和$broadcast的使用
- Angularjs总结(三)摸态框的使用
- Angularjs总结(二)过滤器使用
- AngularJs的UI组件ui-Bootstrap分享(六)——Tabs
- Angular框架中当前页面跳转
- angularJS制作的购物车功能
- AngularJS 表格操作
- AngularJs笔记
- 关于Angularjs1.x dom ready