18.1. 指令的使用


    使用指令时,它的名字可以有多种形式,把指令放在什么地方也有多种选择。



    通常,指令的定义名是形如 ngBind 这样的 “camel cased” 形式。在使用时,它的引用名可以是:


    • ng:bind

    • ng_bind

    • ng-bind

    • x-ng-bind

    • data-ng-bind


    你可以根据你自己是否有 “HTML validator” 洁癖来选择。



    指令可以放在多个地方,它们的作用相同:


    • <span my-dir=”exp”></span> 作为标签的属性

    • <span class=”my-dir: exp;”></span> 作为标签类属性的值

    • <my-dir></my-dir> 作为标签

    • <!— directive: my-dir exp —> 作为注释


    这些方式可以使用指令定义中的 restrict 属性来控制。



    可以看出,指令即可以作为标签使用,也可以作为属性使用。仔细考虑一下,这在类 XML 的结构当中真算得上是一种神奇的机制。