angularjs - Angular.js 指令动态 templateURL

Question

我在 routeProvider 模板中有一个自定义标记，它调用 directive 模板。 version 属性将由范围填充，然后调用正确的模板。

<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
    }
});

摘录目录中有多个文件，标记为before-1-monday.html、before-2-tuesday.html、...

Answer 1

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

因此您可以通过标记提供 templateUrl

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

现在您只需注意属性 contentUrl 会使用动态生成的路径进行填充。