javascript - 配置 karma ng-html2js 预处理器以在目录中查找我的模板

Question

我遇到的问题是我想制作 templateUrl: "partials/my-directive.html"

但目前我必须让它成为 templateUrl: "app/partials/my-directive.html 以便它被 Karma 加载。

这是我的文件夹结构(基本上是 yeoman 文件夹结构)

app
    partials
        my-directive.template.html
    directives
        my-directive.js
    app.js

karma.conf.js

这是指令代码

   angular.module("exampleApp")
    .directive("adminMod", function () {
        return {
            restrict: "E",
            templateUrl: "app/partials/admin-mod.html",
            scope: {
                props: "="
            }
        }
    });

单元测试部分

     beforeEach(module("app/partials/admin-mod.html"));

这里是 karma.conf.js

      files: [
        'app/bower_components/jquery/jquery.js',
        'app/bower_components/angular/angular.js',
        'app/partials/*.html'
    ],

    preprocessors: {
        'app/partials/*.html': 'ng-html2js'
    },

    ngHtml2JsPreprocessor: {

       //prependPrefix: ???? what do I make this 
    },

我想让 url 相对于应用程序文件夹而不是我的 karma.conf.file我想我已经用尽了所有路径组合，有人可以解释一下这应该与 Yeoman Angular 生成器文件结构一起工作吗

Answer 1

问题是我正在尝试使用

ngHtml2JsPreprocessor: {

   prependPrefix: ???? what do I make this 
},

但我真正应该使用的是

ngHtml2JsPreprocessor: {
    stripPrefix: 'app/',
},

然后我可以只保留相对于 app/ 文件夹的路由，并在单元测试中要求模板作为这样的模型

beforeEach(module("partials/admin-mod.html"));

这与我的指令中的路径相同

templateUrl: "partials/admin-mod.html",