內嵌模版 template 原創

tempalte表示,將替換指令裏面的內容,生成一個新的模板。例如:spa

 1 <body>
 2 <student></student><br/>
 3 <span student></span><br/>
 4 <span class="student"></span><br/>
 5 <!-- directive:student -->
 6 </body>
 7 <script src="../lib/angular/angular.js"></script>
 8 <script>
 9     angular.module('zfpxMod',[]);
10     angular.module('zfpxMod').directive('student',function(){
11         return {
12             // A Attribute 屬性  E element 元素 M Commnent註釋  C class 類名
13             restrict:'AEMC',//限定指令出現的位置AEMC
14             replace:true,// 會把指令自己替換掉
15             template:'<div>name:zf</div>'
16         }
17     });
18 </script>

結果就是:rest

<div>name:zf</div><br>
<div student="">name:zf</div><br>
<div class="student">name:zf</div><br>
<div student="">name:zf</div>code

說明template替換了原來頁面的內容,至於哪些元素允許替換,接下來咱們就看blog

restrict,

restrict 的取值能夠有三種:ip

  • A 用於元素的 Attribute,這是默認值
  • E 用於元素的名稱
  • C 用於 CSS 中的 class

至於頁面容不允許被替換就要看element

replace是爲ture仍是false
相關文章
相關標籤/搜索