我正在尝试获取一个在 a 内重复的角度指令<tr>
。如果没有该指令,代码是
<tr *ngFor='let cluster of clusters'>
<td style='display: flex; flex-direction: column; width: 40%; min-width: 300px;'>
<span>{{ cluster.Name }}</span>
<span>{{ cluster.StatusMessage }}</span>
</td>
<td style='width: 100%;'>
...
</td>
</tr>
看起来像
当我重构指令时,我失去了<tr>
格式化。重构后的代码是
<tr *ngFor='let cluster of clusters'>
<cluster-row [name]='cluster.Name' [statusMessage]='cluster.StatusMessage'></cluster-row>
</tr>
cluster-row组件代码为:
<td style='display: flex; flex-direction: column; width: 40%; min-width: 300px;'>
<span>{{ name }}</span>
<span>{{ statusMessage }}</span>
</td>
<td style='width: 100%;'>
...
</td>
它有效,但是<tr>
格式化消失。
开发者工具显示<tr>
with a <cluster-row>
嵌套在其中,还有两个<td>
正如我所期望的那样,它嵌套在其中。