Question

我想交换我的page.html中的某些内容，具体取决于布尔值是对还是对。因此，我已经看到您可以使用<ng-content>创建类似的东西，但是以某种方式却无法解决。我收到以下错误消息：Error: Template parse errors: <ng-content> element cannot have content.我还注意到，必须有某种方法可以删除旧内容。

page.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>

如果这不起作用，则可以使用 switch

<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>

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

1 个答案: