AngularJS 指令的使用

使用指令時，它的名字可以有多種形式，把指令放在什么地方也有多種選擇。

通常，指令的定義名是形如 ngBind 這樣的 “camel cased” 形式。在使用時，它的引用名可以是：

• ng:bind
• ng_bind
• ng-bind
• x-ng-bind
• data-ng-bind

你可以根據(jù)你自己是否有 “HTML validator” 潔癖來選擇。

指令可以放在多個地方，它們的作用相同：

• <span my-dir="exp"></span> 作為標簽的屬性
• <span class="my-dir: exp;"></span> 作為標簽類屬性的值
• <my-dir></my-dir> 作為標簽
• <!-- directive: my-dir exp --> 作為注釋

這些方式可以使用指令定義中的 restrict 屬性來控制。

可以看出，指令即可以作為標簽使用，也可以作為屬性使用。仔細考慮一下，這在類 XML 的結(jié)構(gòu)當中真算得上是一種神奇的機制。