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

Question

阐明我想问的问题有点挑战，所以请耐心等待。

我知道，在Angular.js中，指令有点像动态标记背后的魔力。 曾经曾经严格通过jQuery完成的任务，现在已经通过指令完成了。 我知道Angular的HTML编译器会遍历DOM，以查找与编程指令相对应的属性和/或元素，并将这些元素链接到其各自的指令。 我想知道的是，是否有一种方法可以完成这种关联以及生成指令绑定的DOM元素，而无需在DOM中先存在指令。

假设我有一条指令要用于构建包含部分，行，座位等的整个座位表。该表可以根据场所反映不同的座位安排，因此模板必须能够动态呈现该图表来自代表图表上每个UI组件的数据。 我不明白应该如何使用Angular完成这种事情。

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

Answer 1

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

所以：

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

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