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> 

При запуске приложения 1 он отказывается загружать 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/общий/Войти/login.partials.html'