angularjs指令模板路径未加载

时间:2016-01-15 10:52:28

标签: angularjs angularjs-directive angularjs-templates

我目前的项目结构是

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的位置?指定上面的模板路径会破坏指令的可重用性,因为必须遵循严格的命名约定

1 个答案:

答案 0 :(得分:0)

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

    App.get({ email: 'some_existing_email' }, function (err, user) {
       // err = null, user = undefined

    });

然后路径将是:&#39; app2 / shared / login / login.partials.html&#39;