自定义指令
-
Angularjs 允许根据实际业务需要自定义指令, 通过angular全局对象下的
directive方法实现.
-
自定义指令: 给原生hmtl标签添加新属性,属性名称自己定义,属性功能也自己定义
- 第一个参数:指令名称 "SK"
- 第二个参数:回调函数, 返回一个对象,这个对象就是自定义指定的相关内容
-
return对象 参数
- restrict:‘ECMA’ 指令的类型
- E: element元素
- A: attribute属性
- C:class类
- M: mark replace必须为true
型
- template: 指令模版
- replace: 是否替换原有标签
- restrict:‘ECMA’ 指令的类型
app.directive("sk", function () {
//返回一个对象
//restrict 限定指令类型 --> E:元素形式出现 A:属性形式出现 C:当作类形式出现 M:以注释形式出现
return {
restrict:"EA",
//注意:指令模版必须有一个根元素包裹
template:"<h1>我是一个自定义指令模版<p>俺是p标签</p></h1>",
//是否替换原有标签
replace:true
}
});
