自定義指令屬性值未獲取到templateUrl回調函數

Question

我想獲得幫助以獲取templateUrl中的值。我已經經歷類似的問題，這樣的Set templateUrl base on attribute in directive

我的目標

我想設置一個屬性，而從HTML調用指令。該屬性將具有來自json對象的動態值。我想在這個指令的templateUrl函數中使用這個屬性。

您可以在這裏看到，瞭解我的問題更多 - jsfiddle

我想根據屬性值來呈現選框​​或模板。

請幫忙。

我知道ng-include方法所以請建議備用方案。

Answer 1

scope在tempalteUrl函數中無法訪問。在link函數中，您可以訪問模板Url以及範圍。我改變了你的代碼here。

angular.module("myApp",[]).controller("myCtrl",['$scope',function($scope) { 
    $scope.dynamicAttr = [ 
     { 
      style:"stdRadio", 
      label:"First Box" 
     }, 
     { 
      style:"stdCheck", 
      label:"Second Box" 
     } 
    ]; 
}]).directive("dynamicComponent",['$compile','$http','$templateCache',function($compile, $http,$templateCache) { 
    return { 
     scope:{ 
      sourceData:"=sourceData" 
     }, 
     restrict:"E", 

     link: function (scope, element, attrs) { 
      $http.get((scope.sourceData.style == "stdRadio")?"dynamicComponentRadio.html":"dynamicComponentCheckBox.html", {cache: $templateCache}).then(function(data){ 

     element.html(data.data); 
     return $compile(element.contents())(scope); 
      }); 

     } 
    } 
}]);