angular - Angular 2+ 中 *ngIf 与 [ngSwitch] 之间的区别

Question

[ngSwitch] 和一堆 *ngIf 之间有什么区别。我们应该关注哪些性能因素？

*ngIf

  <div *ngIf="day === 'MONDAY'">
     Keep calm and pretend it's not Monday.
  </div>
  ...
  <div *ngIf="day === 'FRIDAY'">
     Happy Friday!
  </div>

[ngSwitch]

<ng-container [ngSwitch]="day">

     <div *ngSwitchCase="'MONDAY'">
         Keep calm and pretend it's not Monday.
     </div>
     ...
     <div *ngSwitchCase="'FRIDAY'">
         Happy Friday!
     </div>

</ng-container>

Answer 1

对于*ngIf，将检查每个条件，并执行true条件内的代码。

对于[ngSwitch]，只会执行特定情况下的代码(使用break;)。

因此，[ngSwitch] 在存在多个 case 的情况下会更快。