<ng-container> 和 <ng-template> 之间有性能差异吗?
Is there a performance difference between <ng-container> and <ng-template>?
我对 <ng-container>
和 <ng-template>
有疑问。哪个更适合在我们的代码中使用。我已经阅读了关于 SO 上 这两个标签之间区别的答案。它说 Angular 编译器通过转换
去糖(让它有点复杂)
`<div *ngFor="let person of persons"></div>`
至此
<ng-template ngFor let-person="$implicit" [ngForOf]="persons">
<div>...</div>
</ng-template>
所以我担心 <ng-template>
与 <ng-container>
相比会影响浏览器中的渲染性能,应该优先考虑这两个中的哪一个?
如果您使用的是 AoT 编译,则完全没有区别,因为编译会发生……提前。即使使用 JiT 编译,除非您要渲染数千个元素,否则您也不用担心它。
想到的一些优化是:
我对 <ng-container>
和 <ng-template>
有疑问。哪个更适合在我们的代码中使用。我已经阅读了关于 SO 上
`<div *ngFor="let person of persons"></div>`
至此
<ng-template ngFor let-person="$implicit" [ngForOf]="persons">
<div>...</div>
</ng-template>
所以我担心 <ng-template>
与 <ng-container>
相比会影响浏览器中的渲染性能,应该优先考虑这两个中的哪一个?
如果您使用的是 AoT 编译,则完全没有区别,因为编译会发生……提前。即使使用 JiT 编译,除非您要渲染数千个元素,否则您也不用担心它。
想到的一些优化是: