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

Question

我有如下自定义指令。

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

此指令在模板中使用。当我将此模板包含在 ng-include 中时，该指令不起作用，即未调用 link 函数（我尝试在控制台中进行调试）。但是当我直接在 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();
        }
    }
});

希望对您有所帮助，谢谢。

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

Directives that is used in ng-include doesn't work

javascript

angularjs

angularjs-directive

angularjs-ng-include