angularjs - 是否可以为动态模板创建指令？

Question

我想做这样的事情：

<ul>
    <div partial="note"></div>
    <div partial="controls"></div>
</ul>

其中partial属性指定要用于元素的模板。允许这成为可能的指令如下：

.directive('partial', function() {
    return {
        restrict: 'E',
        templateUrl: '/partials/' + attrs.partial + '.html'
    }
})

唯一的问题是，我不知道如何将那个attrs对象放在需要的地方。我尝试以各种方式注入它，但无法让它发挥作用。

Answer 1

您可以为此使用 ng-include 指令。

http://docs.angularjs.org/api/ng.directive:ngInclude