AngularJS指令未在声明它的DOM层次结构中呈现

Question

我有一张表，我在自己的自定义指令中呈现了一些<tr>标签。

由于某种原因，<tr>标记在声明它们的层次结构之外呈现。

在此图像中，您可以看到节点在表格外部呈现。

如果您在文件rule-list.html中查看此Plunk，您会看到有关我希望标记应该呈现的位置的评论，但事实并非如此。

http://goo.gl/9STCKP

很抱歉链接到一个插件，但它不是我可以发布的代码片段，它显示了问题。我不知道问题出在哪里：）

Answer 1

您的html结构无效

您使用自定义标记<nc-rule>作为<tbody>的孩子，然后将<tr>插入该自定义标记。

表元素非常具体，可以插入哪些父标记。

当浏览器无法将它们解析为有效时，它会将它们移出流程。

您应该能够使用具有指令

属性的适当表标记，而不是使用自定义标记