javascript - Angular.JS - 是否可以在一个指令中有多个 View ？

Question

我正在尝试确定您是否可以在一条指令中拥有多个 html 文件，然后根据您通过 html 标记传递的内容，它会显示不同的 HTML 布局。

这是我正在制作的 Accordion 所必需的东西。我们希望能够重新使用该指令，但有时 html 将具有不同的布局。

到目前为止，我认为这可以通过以下方式完成:

<accordion data-attr="layout('feedback')></accordion>

然后在 Js 中检查已传递的内容并将 Accordion 指向不同的 View 。

我不确定的一点是将 Accordion 指令指向不同的 html 文件。

Answer 1

您可以简单地在模板中使用 ng-include 指令:

module.directive('accordion', function() {
  return {
    scope: { type: '&' },
    template: '<div ng-include="type()"></div>'
  };
});