AngularJS 指令名称答案

【问题标题】：AngularJS Directive namesAngularJS 指令名称
【发布时间】：2017-06-22 05:51:47
【问题描述】：

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

他为“svgMap”创建了一个指令

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>

我对指令的用法有点困惑。为什么“svgMap”会自动链接到“svg-map”？抱歉，我是指令方面的新手。

【问题讨论】：

标签： angularjs svg angularjs-directive

【解决方案1】：

HTML 属性不区分大小写，这意味着“svgMap”和“svgmap”是同一个属性。

当你在 HTML 中使用时，Angular 有命名 convention for directives

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

【讨论】：