Angular2 rendern nicht ChildComponent-Selektor

Question

Ich versuche, Daten in einer HTML-Tabelle anzuzeigen. Weil der <tr> viele Male wiederholt wird und es eine Logik hat, die ich das zu seiner eigenen (Kind-) Komponente extrahieren wollte.

Aber Rendern einer untergeordneten Komponente innerhalb der <tbody> Allso rendert die Komponente als ein HTML-Attribut. Meine Vorlage wie folgt aussieht:

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

Aber wenn dies gemacht wird, wird es wie folgt aussehen:

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

Ist es möglich, te "custom-Reihe" Element im DOM nicht zu machen?

Answer 1

Das ist kein Angular-Problem. Der Browser rendert <custom-row> nicht in <table>, da dieses Tag dort ungültig ist.

Ändern der Wähler Ihrer Komponente selector: '[custom-row]' und es wie

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