AngularJsのコマンド---directive

679 ワード

一、指令の役割:DOM操作をカプセル化し、HTMLタグ及び属性を拡張する能力---HTMLに新しいタグ、新しい属性、新しいスタイル二、カスタム命令の3つの使い方(ここでcrは私のカスタム命令の名前)(1)をラベルとして:(2)を属性として:(ただし厳格なhtml 5チェックプログラムではspanにcr属性がないとエラーが報告されると考えられ、この場合crの前にdata-を付けるだけでよい)(3)をスタイルとする:
推奨:属性として使用
三、カスタム命令に対応するjsコード
var mm=angular.module('myModule',[]);

mm.directive('cr',function(){
    //cr:     
    //function:          
    // :       ( :           ),          
    return {
        //E:element  A:attribute  C:class ( :             )
        restrict : 'E',//            
        template : '
Hello World !
' // html , , templateUrl:'xxx.html' } });