javascript - Angular js : Unable to create directive

Question

我正在尝试创建指令，但我的指令函数没有被调用。

index.html

<div ng-repeat="que in questions.Cars">
                             <question-dir>print from direcetive</question-dir>
</div>  

ConytrolDirective.js

(function () {
    "use strict";

    angular
        .module("autoQuote")
        .directive('questionDir',["questionDir"] );

    function questionDir()
    {
        return {
            template : "<h1>Made by a directive!</h1>"
        };
    }

}());

Answer 1

您的代码中有几个错误。

1. 您应该使用函数名称而不是 "questionDir"
.directive('questionDir',[questionDir] );

2. 使用 kebab case (- 分隔词)同时使用指令名称

   `<question-dir>print from direcetive</question-dir>`
   

3. 另外你需要引用<script src="controlDirectives.js"></script>在您的 index.html 页面上。

Demo here