我在routeProvider模板中有一个自定义标签，它需要一个指令模板。版本属性将由范围填充，然后调用正确的模板。
- <hymn ver="before-{{ week }}-{{ day }}"></hymn>
有多个版本的赞美诗基于什么星期和日子。我期待使用该指令填充正确的.html部分。该变量未被templateUrl读取。
- emanuel.directive('hymn',function() {
- var contentUrl;
- return {
- restrict: 'E',link: function(scope,element,attrs) {
- // concatenating the directory to the ver attr to select the correct excerpt for the day
- contentUrl = 'content/excerpts/hymn-' + attrs.ver + '.html';
- },// passing in contentUrl variable
- templateUrl: contentUrl
- }
- });
在excerpts目录中有多个文件，标记为before-1-monday.html，before-2-tuesday.html，…
您可以使用ng-include指令。
尝试这样：
- emanuel.directive('hymn',function() {
- return {
- restrict: 'E',attrs) {
- scope.getContentUrl = function() {
- return 'content/excerpts/hymn-' + attrs.ver + '.html';
- }
- },template: '<div ng-include="getContentUrl()"></div>'
- }
- });
UPD。用于监视ver属性
- emanuel.directive('hymn',attrs) {
- scope.contentUrl = 'content/excerpts/hymn-' + attrs.ver + '.html';
- attrs.$observe("ver",function(v){
- scope.contentUrl = 'content/excerpts/hymn-' + v + '.html';
- });
- },template: '<div ng-include="contentUrl"></div>'
- }
- });
