AngularJS找不到模板

Question

这是我的指示

(function() {
    angular.module('commentsDirective', [])

    .directive('mngComments', mngComments)

    function mngComments() {
        return {
            restrict: 'AE',
            scope: {
                moment: '='
            },
            templateUrl: 'comments.html',
            replace: true,
            controller: 'CommentsController',
            controllerAs: 'vm'
        };
    };
})();

这是我的文件结构：

我收到此错误消息：

我不理解这一点。我的html文件和我的指令在同一个目录中，为什么它找不到呢？

Answer 1

模板的路径应该相对于页面的路径。因此，如果目录注释放在root中，则应将templateUrl指定为/comments/comments.html。

如果要在未知路径中使用模块，可以先使用$ templateCache将模板“导入”到模块中。然后，您可以指定在定义templateCache时使用的自定义URL。