javascript - 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

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

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