2014年7月7日 星期一

Angular directive (續一: 在HTML 裡 directive 不同的表示法)

在我第一個 directive 程式裡,

HTML 裡顯示該 directive 的那一行是

<ng-taiwan></ng-taiwan>



它有很多寫法, 例如可改寫成

<ng-taiwan/>



<ng:taiwan/>



若當成 attribute 時還可以寫成

<div ng-taiwan></div>


<div ng:taiwan></div>

(在本範例程式不適用)


若當成 attribute 且在 HTML5 裡可以用

<div data-ng-taiwan></div>

<div x-ng-taiwan></div>

(在本範例程式不適用)


你可以 fork 以下程式在 Codepen裡試試看 directive 不同的表示法.
http://codepen.io/mingder78/pen/HyfAb

註: 但其實你只要挑一種使用就好, 只是怕看別人的 code, 會有不同的寫法, 稍微了解一下.



沒有留言:

張貼留言