指令動態templateUrl

Question

要使用的角度我已經在我的主頁

template1.html使用將顯示爲人口信息網

工作顯示許多人口信息網，如果我解決的.html來顯示。

<a class="vsn_alert-item-link" tooltip-special="template1.html" tooltip-placement="right"> 

可以在.js側

有我的指令

.directive('tooltipSpecial', ['$uibTooltip', '$rootScope', '$timeout', 
     function($uibTooltip, $rootScope, $timeout) { 
     return $uibTooltip('tooltipSpecial', 'tooltip', 'click'); 
}]);' 

的指令是：

.directive('tooltipSpecialPopup', ['$timeout', function ($timeout) { 
    var templateUrl=""; 
    return { 
    restrict: 'AE', 
    scope: { content: '@', placement: '@', animation: '&', isOpen: '&' }, 

    controller: function($rootScope, $scope){ 
    $scope.$apply(); 
    } , 
     templateUrl: function(elem,attrs) { 
      return attrs.content 
     } 
    }; 

}]）

的結果是這樣的錯誤：

angular.js:13550 Error: [$compile:tpload] Failed to load template: {{content}} (HTTP status: 404 Not Found) 
http://errors.angularjs.org/1.5.5/$compile/tpload?p0=%7B%7Bcontent%7D%7D&p1=404&p2=Not%20Found 
    at angular.js:68 
    at handleError (angular.js:18978) 
    at processQueue (angular.js:15961) 
    at angular.js:15977 
    at Scope.$eval (angular.js:17229) 
    at Scope.$digest (angular.js:17045) 
    at Scope.$apply (angular.js:17337) 
    at done (angular.js:11572) 
    at completeRequest (angular.js:11778) 
    at XMLHttpRequest.requestLoaded (angular.js:11711) 

Answer 1

app.directive('hymn', function() { 
    return { 
     restrict: 'E', 
     link: function(scope, element, attrs) { 
      // some ode 
     }, 
     templateUrl: function(elem,attrs) { 
      return attrs.templateUrl || 'some/path/default.html' 
     } 
    } 
}); 

所以，你可以通過標記

<hymn template-url="contentUrl"><hymn> 

提供templateUrl現在，你只需要照顧，物業的contentURL動態生成的路徑填充。