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

这不是一个角度问题。浏览器不会在<custom-row>内呈现<table>，因为此标记在那里无效。

将组件的选择器更改为selector: '[custom-row]'，并将其用作

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