Angularjs添加常数值指令的templateUrl

Question

我在模块得到了不断：

angular.module('identicaApp.common', ['ngResource', 'ngCookies']) 
    .constant('ROOT_PATH', '/static/angular/identica/') 

，所以我想用它在另一个指令，在templateUrl属性，像这样：

angular.module('identicaApp.registration.player', ['identicaApp.common']) 
    .component('registerPlayer', { 
     templateUrl: ROOT_PATH + 'registration/register_player/register_player.html', 

所以如何我可以这样做吗？

Answer 1

在组件templateUrl函数中，可以注入依赖项并使用它来形成templateUrl。

代码

angular.module('identicaApp.registration.player', ['identicaApp.common']) 
    .component('registerPlayer', { 'registration/register_player/register_player.html', 
    templateUrl: function(ROOT_PATH){ //<-- add dependency in function 
     return ROOT_PATH + 'registration/register_player/register_player.html', 
    }, 
    ... 
    }) 

检查here在文档，其中明确提到，templateUrl是可注射的。

Answer 2

试试这个： -

angular.module('identicaApp.registration.player', ['identicaApp.common']) 
.component('registerPlayer', { 
    templateUrl: function(ROOT_PATH) { 
    return ROOT_PATH + 'registration/register_player/register_player.html' 
    } 
}); 

注入你常数function()。