2-2.Angular-自定义指令

自定义指令

• Angularjs 允许根据实际业务需要自定义指令, 通过angular全局对象下的directive方法实现.

• 自定义指令: 给原生hmtl标签添加新属性,属性名称自己定义,属性功能也自己定义

  • 第一个参数:指令名称 "SK"
  • 第二个参数:回调函数, 返回一个对象,这个对象就是自定义指定的相关内容

• return对象 参数

  • restrict:‘ECMA’ 指令的类型
    • E: element元素
    • A: attribute属性
    • C:class类
    • M: mark replace必须为true
      型
  • template: 指令模版
  • replace: 是否替换原有标签

app.directive("sk", function () {
        //返回一个对象
        //restrict 限定指令类型 -->  E:元素形式出现 A:属性形式出现 C:当作类形式出现 M:以注释形式出现
       return {
           restrict:"EA",
           //注意:指令模版必须有一个根元素包裹
           template:"
我是一个自定义指令模版
俺是p标签
",
           //是否替换原有标签
           replace:true
       }
    });