如何根据布尔值交换内容？

Question

我想根据布尔值是真还是假来交换我的 page.html 中的一些内容。所以我看到你可以用 来创造这样的东西，<ng-content>但不知何故这并没有奏效。我收到此错误：Error: Template parse errors: <ng-content> element cannot have content.我还注意到必须有某种方法可以删除旧内容。页面.html      <ion-card>    <!--  content to move away when bool true-->        </ion-card>    <div *ngIf="!checked">    <ng-content>      <ion-card><!-- new content when bool false--></ion-card>    </ng-content>       </div>       

Answer 1

有两个单独的条件对你有用吗？

<ion-card *ngIf="checked">

    <!--  content to move away when bool true-->

</ion-card>

<ion-card *ngIf="!checked">

    <!-- new content when bool false-->

</ion-card>

如果这不起作用，您可以使用开关

<div [ngSwitch]="checked">

    <ion-card *ngSwitchCase="true">

        <!--  content to move away when bool true-->

    </ion-card>

    <ion-card *ngSwitchCase="false">

        <!-- new content when bool false-->

    </ion-card>

</div>