Question

我目前正在关注本教程：https://medium.com/@tweededbadger/tutorial-dynamic-data-driven-svg-map-with-angularjs-b112fdec421d#.tk8zc63b6

他为'svgMap＆＃39;创建了一个指令。

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

    }
}
}]);

返回模板（svg文件）并使用它，在index.html中，然后使用<div svg-map></div>

我对指令的使用有点困惑。怎么来＆＃39; svgMap＆＃39;自动链接到＆＃39; svg-map＆＃39;？对不起，我指的是新手。

Answer 1

HTML属性不区分大小写，这意味着＆＃34; svgMap＆＃34;和＆＃34; svgmap＆＃34;是同一个属性。

当您在HTML中使用时，Angular已命名convention for directives

指令有诸如ngBind之类的骆驼名称。该指令可以通过将驼峰案例名称翻译成蛇案例来调用特殊字符：， - 或_。可选地，指令可以是以x-或数据为前缀，以使其符合HTML验证器

AngularJS指令名称

1 个答案: