angularjs - angularjs指令模板路径未加载

Question

我目前的项目结构是这样的

app/
   app1/
       login/
            app1.login.partials.html
       .
       .
       index.html
   app2/
   shared/
       login/
           login.directive.js
           login.partials.html

login.directive.js 的代码是

angular.module('shared').directive('loginComponent', [ function () {
    return {
        restrict: 'E',
        templateUrl: 'login.partials.html',
        scope: {
            loginType: '@type'
        },
        controller: function ($scope) {
        }
    };
}]);

app1.login.paritals.html 的代码很简单

<login-component type="type1"></login-component>

运行 app1 时，由于其路径，它拒绝加载 login.partials.html。仅当我将路径指定为'../shared/login/login.html'. 这是因为 index.html 的位置吗？像上面那样指定模板路径会破坏指令的可重用性，因为必须遵循严格的命名约定

Answer 1

index.html 应该放在项目根目录中。

app/
   index.html
   app1/
       login/
            app1.login.partials.html
       .
       .           
   app2/
   shared/
       login/
           login.directive.js
           login.partials.html

然后路径将是：'app2/shared/login/login.partials.html'