除了內建指令之外,也可以利用
.directive 函數自己創造專屬指令!
要喚起新指令,需要用和新指令同名的 HTML 標籤。
必須在 JS 中使用「駝峰式」命名,但在 HTML 的標籤中要使用全小寫,並用「-」分開單字。
呼叫指令有以下幾種方式:
- 標籤名稱(Element name):<w3-test-directive></w3-test-directive>
- 屬性(Attribute):<div w3-test-directive></w3-test-directive>
- 類別(Class):<div class="w3-test-directive"></w3-test-directive>
- 註解(Comment):<!-- directive: w3-test-directive -->
restrict 為限制呼叫類型,預設類型為
EA,意思是標籤名稱和屬性都可以呼叫,以下為所有合乎標準的值:
- E for Element name
- A for Attribute
- C for Class
- M for Comment