角5:*ngif=“isvalid；else other_content”VS*ngif=“isvalid”。*ngif=“！Isvalid”

Question

<div *ngIf="isValid;else other_content">
    content here ...
</div>

<ng-template #other_content>other content here...</ng-template>

<div *ngIf="isValid">
  content here ...
</div>

<div *ngIf="!isValid">
 other content here...
</div>

这两个语法都是完全有效的，对于语法1，您可以像这里描述的那样更进一步，但是对于使用其中一个和另一个有什么性能/最佳实践建议吗？

Answer 1

两个NGIF指令被编译两次，并导致两个绑定而不是一个。

如果表达式包含管道，这将变得更加混乱：

<div *ngIf="isValidAsync | async">...</div>
<div *ngIf="!(isValidAsync | async)">...</div>

将导致两个订阅。