Using extra parameter in ngSwitchCase

2020-05-10 02:36发布

问题:

First of all, want to emphasize that I had already have a look at many pages e.g. Two switch case values in angular but they cannot fix my problem.

I have the following approach in the html page of my Angular project and I switch according to i parameter without any problem. On the other hand, there is a parameter called loading on component side and I also need to use this value in ngSwitchCase. But the following code does not work and ignore loading parameter's value. So, how can I use it?

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

回答1:

Create another ng-container inside with the loading condition.

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