Angular 1.5コンポーネントのtemplateUrlプロパティにサービスを挿入することはできますか？

Question

私のディレクティブでは、テンプレートパスを生成するために定数（MODULE_ROOT_URL）が必要です。ディレクティブ構文では、ディレクトリファクトリ関数に定数を挿入できます。 このディレクティブをAngular 1.5コンポーネントに変換するにはどうすればよいですか？ Angular 1.5コンポーネントにサービスをインジェクトでき​​ますか？

ありがとうございました。

更新： サービスはコンポーネントコントローラに注入できます。 しかし、コンポーネントのtemplateUrlプロパティのサービスを挿入するにはどうすればよいですか？

更新2： plnkrをご覧ください。私は、ディレクティブとコンポーネントの両方のバージョンを作成します。 ディレクティブのバージョンが正常に動作します。コンポーネントのバージョンがエラーしているが[ngTransclude：孤児]角1.4ティル

https://plnkr.co/edit/DMumuIpXJY6RDCX6XObz?p=preview

angular.module('AbcModule') 
     .directive('abcDirective', ['MODULE_ROOT_URL', function (MODULE_ROOT_URL) { 
      return { 
       restrict: 'E', 
       templateUrl: MODULE_ROOT_URL + 'abc/abc.tpl.html' 
      } 

     }]); 

Answer 1

angular.module('AbcModule') 
.component('abcDirective', { 
    template: '<div ng-include="$ctrl.rootUrl ? $ctrl.rootUrl + \'abc/abc.tpl.html\': \'\'"></div>', 
    controller: function(MODULE_ROOT_URL) { //<--injected dependency here. 
    var self = this; 
    self.rootUrl = MODULE_ROOT_URL; 
    } 
}]); 

templateUrlとtemplateであることができる機能や依存関係を注入することができます。

angular.module('AbcModule') 
.component('abcDirective', { 
    restrict: 'E', 
    templateUrl: function(MODULE_ROOT_URL) { 
      return MODULE_ROOT_URL + 'abc/abc.tpl.html'; 
    } 
}); 

Answer 2

を、directive DDOはあなたが場所に依存関係を持つことができる機能によるリターンとなっています。しかしAngle 1.5.3では、コンポーネントのcontrollerの中に依存関係を追加するコントロールを持つことができます。コントローラー内に依存関係を注入すると、以下のように回避できます。ng-include &

マークアップ