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 の配置によるものでしょうか? 上記のようなテンプレート パスを指定すると、厳密な命名規則に従う必要があるため、ディレクティブの再利用性が失われます。