表的行施加到其

Question

隨着AngularJS 2.3.1，在下面的HTML模板代碼： -

<table> 
    <tr> 
    <th>col 1</th> 
    <th>col 2</th> 
    </tr> 
    <tr> 
    <td>sum 1</td> 
    <td>sum 2</td> 
    </tr> 
    <tablerow *ngFor="let i of data" [item]="i"></tablerow> 
</table> 

其中tablerow部件HTML模板是： -

<tr> 
    <td>{{item.col1}}</td> 
    <td>{{item.col2}}</td> 
</tr> 

當它得到渲染時，組件生成的錶行不會像普通錶行那樣破壞。

爲什麼會發生這種情況，我需要做些什麼來解決這個問題？這是一個錯誤？

Answer 1

這不應該工作。

而是與屬性選擇

selector: '[tablerow]' 

和模板

<td>{{item.col1}}</td> 
<td>{{item.col2}}</td> 

創建TableRow組件，並使用它像

<tr tablerow *ngFor="let i of data" [item]="i"></tr>