AngularJSディレクティブ名

Question

：https://medium.com/@tweededbadger/tutorial-dynamic-data-driven-svg-map-with-angularjs-b112fdec421d#.tk8zc63b6

彼はインデックスに、テンプレート（SVGファイル）を返し、それを使用するには「svgMap」

angular.module('SvgMapApp').directive('svgMap', ['$compile', function ($compile) { 
return { 
    restrict: 'A', 
     templateUrl: 'img/Blank_US_Map.svg', 
     link: function (scope, element, attrs) { 

    } 
} 
}]); 

ためのディレクティブを作成しました.html、彼はその後使用しました<div svg-map></div>

私は指示の使い方についてちょっと混乱しています。どのように 'svgMap'は自動的に 'svg-map'にリンクされましたか？申し訳ありませんが、私はディレクティブについては初心者です。

Answer 1

HTML属性は大文字と小文字が区別されません。つまり、「svgMap」と「svgmap」は同じ属性です。

ディレクティブは、ngBindなどラクダ同棲名前を持っていますが、HTMLで使用する場合

角度はconvention for directives命名しました。この指令は、 の特殊文字：、 - 、または_を使用して、ラクダのケース名をスネークケースに変換することによって呼び出すことができます。オプションで、 の先頭にx-、またはdata-を付けて、HTMLバリデータに準拠させることができます。