2

我有一个用例,我需要根据条件在屏幕上显示 1 个视图(模板)。它们有 10 多个可用模板,但一次只需要显示其中一个。

以下哪个解决方案最相关

  1. 在每个 div 上使用 ngIf
  2. 使用 ngSwitch 并根据条件显示 div
  3. 使用模板(如何管理)
  4. 还有什么办法..?

我想为每种视图类型使用模板,以便我的代码保持干净和可扩展。

4

1 回答 1

0

您可以将 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>
于 2020-11-30T11:26:19.930 回答