1.命名：

     可以使用普通字串，也可以使用駝峰法來命名一個指令，例如 firstDirective, 但在使用它時需要以 - 分割： first-directive。

2.建立方式：

    Angularjs的指令建立有四種形式，比如建立的指令hello：

（1）元素名(E)：

<hello></hello>

（2）標籤屬性（預設）(A)：

<div hello></div>

（3）標籤樣式類的形式(C)：

<div class="hello"></div>

（4）註釋(M)(註釋號注意有個空格

<!-- directive: hello -->

myApp.directive('hello',function(){  
    return {  
        restrict:'AE',  
        template:'<div>hello everyone!</div>',  
        //transclude:false  
        replace:false  
    }  
}); 

a.restrict 值可以是以下幾種:

• E 作為元素名使用,A 作為屬性使用,C 作為類名使用,
  M 作為註釋使用

         restrict 預設值為 EA, 即可以通過元素名和屬性名來呼叫指令。

b.replace 解析

初始 html：

  E： <hello><div>angular指令學習</div></hello>   

    如果replace設定為false，最終頁面展現的html結果如下：

  E： <hello><div>hello everyone!</div></hello>    

  E：<div>hello everyone!</div>     

c.如果想把html 裡原有的DOM 結構保留，要設定transclude的值，並利用 ng-transclude 儲存原有 html：

myApp.directive('hello',function(){  
    return {  
        restrict:'ACEM',  
        template:'<div>hello everyone!<div ng-transclude></div></div>', //通過ng-transclude,將預設的 HTML 儲存在div標籤裡
        transclude:true  
    }  
}); 

HTML 如下顯示：（原有的 html 得以保留）

  E：<hello><div>hello everyone!<div ng-transclude><div class="ng-scope">angular 指令學習</div></div></hello>   

transclude這個配置很重要，可以實現指令的互相巢狀。