在ngSwitchCase中使用额外的参数

时间:2019-08-18 10:37:13

标签: javascript angular typescript

首先要强调的是,我已经看过很多页面,例如Two switch case values in angular,但他们无法解决我的问题。

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

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

1 个答案:

答案 0 :(得分:1)

ng-container条件下创建另一个loading

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