angularjs Komponente mit dynamischem templateUrl

Question

ist es möglich, eine AngularJS Komponente mit einem dynamischen templateUrl zu erstellen? Means Ich möchte einen Dienst in der Komponente injizieren, die mir einen Basispfad der Vorlage gibt:

das heißt: templateUrl: configuration.baseScriptPath + ‚... html‘

Es ist möglich, mit einer Richtlinie, aber wie geht das mit einer Komponente?

angular.module('runtime') 
    .component('textInput', { 

     templateUrl: /*configuration.baseScriptPath + */'fd/components/text_input_instance.html', 
     controller: [ 
      '$scope', '$element', 'focusInputGroup', 'configuration', 
      function ($scope, $element, focusInputGroup, configuration) { 

Answer 1

Statt templateUrl können Sie Schablone und ng-include wie folgt verwenden:

angular.module('runtime') 
    .component('textInput', { 

     template: '<div ng-include="getTemplate()">', 
     controller: [ 
      '$scope', '$element', 'focusInputGroup', 'configuration', 
      function ($scope, $element, focusInputGroup, configuration) { 

      $scope.getTemplate = function() { 
       return configuration.baseScriptPath + 'fd/components/text_input_instance.html'; 
      }; 

Answer 2

templateUrl Eigenschaft der Komponente nimmt auch eine Funktion. so können Sie dies versuchen,

angular.module('runtime') 
    .component('textInput', { 

     templateUrl: ['$configuration', function($configuration) { 
     return $configuration.basepath + '.html' 
     }], 
     controller: [ 
      '$scope', '$element', 'focusInputGroup', 'configuration', 
      function($scope, $element, focusInputGroup, configuration) {