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
至於頁面容不允許被替換就要看element
replace是爲ture仍是false