没有标记的Angular.js嵌套指令

Question

说出我想问的内容有点挑战，所以请耐心等待。

据我所知，在Angular.js中，指令是动态标记背后的魔力。一个人可能曾经严格通过jQuery完成，现在可以通过指令完成。我理解Angular的HTML编译器遍历DOM以搜索与程序指令相对应的属性和/或元素，并将这些元素链接到它们各自的指令。我想知道的是，是否有办法实现这种关联以及生成指令绑定的DOM元素，而不需要首先在DOM中存在该指令。

假设我有一个指令，我想用它来建立一个完整的座位表，包括部分，行，座位等。图表可以反映基于场地的不同座位安排，因此模板必须能够动态从表示图表上每个小UI组件的数据中呈现图表。我不明白应该如何使用Angular来完成这类事情。

使用单个指令完整地生成UI是否有意义，还是应该使用嵌套指令？ （我猜测后者。）而且，如果是后者，那么构造嵌套指令的好方法是什么，它们不依赖于标记并且可以通过编程方式生成？

Answer 1

使用单个指令听起来很合理，特别是因为内容是动态的。如果有共同的部分（例如标题或图例），您可以将它们作为指令嵌套在其中。

所以：

<mp-seating-chart layout="layout"></mp-seating-chart>

在这里，您将布局传递给指令，布局是描述座位布置的复杂对象。