javascript - 我可以将 templateUrl 传递给指令吗 - AngularJS

Question

有没有办法将 a 传递templateUrl给我的指令。我知道我可以使用嵌入，但这似乎太多了。例如，我有一个widget要填充特定 html 的指令。有没有办法像这样传递它：

<div widget templateUrl="template1.html"></div>
<div widget templateUrl="template2.html"></div>

Answer 1

如果这是一个固定的 URL，您可以定义一个指令，例如

app.directive('myDirective', function() {
    return {
        templateUrl: function(tElement, tAttrs) {
            return tAttrs.templateUrl;
        }
    };
});

然后像这样使用它

<div my-directive template-url="template1.html"></div>

否则，您可以传递 URL，就像将任何其他属性传递给指令并ng-include在指令模板中使用一样。