我有一个用例,我需要根据条件在屏幕上显示 1 个视图(模板)。它们有 10 多个可用模板,但一次只需要显示其中一个。
以下哪个解决方案最相关
- 在每个 div 上使用 ngIf
- 使用 ngSwitch 并根据条件显示 div
- 使用模板(如何管理)
- 还有什么办法..?
我想为每种视图类型使用模板,以便我的代码保持干净和可扩展。
我有一个用例,我需要根据条件在屏幕上显示 1 个视图(模板)。它们有 10 多个可用模板,但一次只需要显示其中一个。
以下哪个解决方案最相关
我想为每种视图类型使用模板,以便我的代码保持干净和可扩展。
您可以将 ngSwitch 与多个模板一起使用,这个解决方案对我来说很清楚。
<ng-container [ngSwitch]="condition">
<ng-container *ngSwitchCase="condition1" [ngTemplateOutlet]="condition1Template"></ng-container>
<ng-container *ngSwitchCase="condition2" [ngTemplateOutlet]="condition2Template"></ng-container>
</ng-container>
<ng-template #condition1Template></ng-template>
<ng-template #condition1Template></ng-template>