我可以将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在指令的模板中使用.