首页 > 解决方案 > 在 ngSwitchCase 中使用额外的参数

问题描述

首先,要强调的是,我已经查看了很多页面,例如 Angular中的两个 switch case 值,但它们无法解决我的问题。

html我的项目页面中有以下方法,Angular我根据i参数切换没有任何问题。另一方面,有一个loading在组件端调用的参数,我也需要在ngSwitchCase. 但是以下代码不起作用并忽略loading参数的值。那么,我该如何使用它呢?

<ng-container [ngSwitch]="i">
    <ng-container *ngSwitchCase="i === 0 && loading === true">
        <!-- other stuff -->
    </ng-container>
</ng-container>

标签: javascriptangulartypescript

解决方案


使用条件创建另一个ng-container内部loading

<ng-container [ngSwitch]="i">
    <ng-container *ngSwitchCase="0">
        <ng-container *ngIf="loading">
            // do stuff
        </ng-container>
    </ng-container>
</ng-container>

推荐阅读