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 ()中注入常量。