Angular2不顯示ChildComponent選擇器

Question

我試圖在HTML表格中顯示數據。因爲<tr>將被重複許多次，並且它有一些邏輯我想將它提取到它自己的（子）組件。

但是，在<tbody>內渲染子組件也會將該組件呈現爲HTML屬性。我的模板的樣子：

<tbody> 
    <custom-row [some-data]="data"></custom-row> 
</tbody> 

但是，當這個被渲染，它看起來像：

<tbody> 
    <custom-row> 
     <tr><td></td></tr> 
    </custom-row> 
</tbody> 

是否有可能不會呈現在DOM TE「自排」元素？

Answer 1

這不是一個角度問題。瀏覽器不會在<table>內部呈現<custom-row>，因爲此標記在那裏無效。

更改您的組件的選擇到selector: '[custom-row]'和使用它像

<tbody> 
    <tr custom-row [some-data]="data"></tr> 
</tbody>