javascript - ng-include 中使用的指令不起作用

Question

我有如下自定义指令。

var fancySelectDirective = pluginDirecitvesModule.directive("custom-select",function(){
         return { 
           restrict: 'C',
            link: function (scope, element, attrs) {
                  element.fancySelect();
            }
        }
     });

该指令在模板中使用。当我将此模板包含在 ng-include 中时，该指令不起作用，即未调用链接函数(我尝试在控制台中调试)。但是当我直接在 page 中使用此模板时，该指令有效。我找不到出现此问题的原因。

我使用 ng-include 如下:

<div id="main_wrapper" ng-include="template.html"></div>

该指令在模板中使用如下:

<select class="custom-select">

Answer 1

这只是一个拼写错误 customSelect 而不是 custom-select。

指令应声明为驼峰式大小写，大写字母将替换为 - + 小写字母，例如。 customSelect 将在 html 上写为 custom-select

代码

var fancySelectDirective = pluginDirecitvesModule.directive("customSelect", function() {
    return {
        restrict: 'C',
        link: function(scope, element, attrs) {
            element.fancySelect();
        }
    }
});

希望对您有帮助，谢谢。