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>