Question

我正在Django和Angular中创建一个应用程序。我创建了一个自定义Angular Directive，如下所示：

(function () {
'use strict';

angular.module('scrumboard.demo')
    .directive('scrumboardCard', CardDirective);

function CardDirective() {
    return {
        templateUrl: '/static/scrumboard/card.html'
        restrict: 'E'
    };
}
})();

并通过自定义HTML标记调用它，如下所示：

<ul>
    <li ng-repeat="card in list.cards">
        <scrumboard-card></scrumboard-card>
    </li>
</ul>

但是，我可以看到该指令根本没有被调用。我甚至尝试在angular指令中放入垃圾代码以生成错误，但页面只是加载而不调用该angular指令。

Answer 1

发现错误。我在templateUrl line

之后错过了一个逗号

而不是：

 templateUrl: '/static/scrumboard/card.html'
    restrict: 'E'

应该是这样的：

 templateUrl: '/static/scrumboard/card.html',
    restrict: 'E'

AngularJS指令无法正常工作

1 个答案: