AngularJS指令不是在聲明它的DOM層次結構中呈現

Question

我有一個表格，我在其中呈現一些<tr>標記，並在我自己的自定義指令中。

由於某些原因，<tr>標記呈現在聲明它們的層次結構之外。

在此圖像中，您可以看到節點在表格之外呈現。

如果您在文件規則list.html看看這個普拉克，你會看到有在哪裏我希望標籤應呈現註釋，但事實並非如此。

http://goo.gl/9STCKP

對不起，鏈接到普拉克，但它不是一個代碼片段，我可以張貼這說明這個問題。我不知道問題出在哪裏:)

Answer 1

你的HTML結構無效

您正在使用的自定義標籤<nc-rule>作爲<tbody>一個孩子，然後插入<tr>成自定義標籤。

表元素是非常具體，他們可以在插入什麼父標籤。

當瀏覽器無法解決這些問題是有效的它的動作出來的流動。

而不是使用自定義標籤，你應該能夠使用適當的表標籤與指令的屬性