1

我正在研究数据网格模块。在网格单元格中，我需要显示几种类型的数据。所以每个细胞都是一个组件。目前我正在使用 ComponentFactoryResolver 来生成单元格。像这样的东西： 

<div *ngFor="let row of grid.data">
    <app-dynamic-content [context]="row" [type]="type"></app-dynamic-content>
</div>

但是还有另一种没有 ComponentFactoryResolver 的解决方案，只使用 *ngIf 来决定在单元格中显示哪个组件：

<div *ngFor="let row of grid.data">
     <app-row-something *ngIf="type === 'rowType1'" data="row"></app-row-something>
     <app-row-something2 *ngIf="type === 'rowType2'" data="row"></app-row-something2>
     <app-row-something3 *ngIf="type === 'rowType3'" data="row"></app-row-something3>
     <app-row-something4 *ngIf="type === 'rowType4'" data="row"></app-row-something4>
     <app-row-something5 *ngIf="type === 'rowType5'" data="row"></app-row-something5>
    ...
</div>

哪个性能更好，为什么？

4

0 回答 0