显示下一个字段悬停切换按钮答案

【问题标题】：Show next field hover toggle button显示下一个字段悬停切换按钮
【发布时间】：2020-04-05 16:49:33
【问题描述】：

在我的 ionic 应用程序中，我使用了一个切换按钮。我想在切换时显示下一个字段。并在我关闭切换时隐藏该字段

page.ts

onClickToggle()

pass: any = false;

{

  this.pass = true;

}

page.html

<ion-item>
  <ion-input type="readonly" readonly>Remind me at a location
  </ion-input>
  <ion-toggle color="danger" (click)="onClickToggle()">
  </ion-toggle>
</ion-item>
<div *ngIf="pass == true">
  <ion-item>
    <ion-label>Location
    </ion-label>
    <ion-icon name="arrow-dropright">
    </ion-icon>
  </ion-item>
</div>

【问题讨论】：

标签： php html angular ionic-framework ionic4

【解决方案1】：

这样试试

  <ion-item>
    <ion-toggle [(ngModel)]="isActive" (ionChange)="toggleInput()"></ion-toggle>
  </ion-item>
  <IonInput placeholder="Enter Input" *ngIf="isActive"></IonInput>


 isActive: boolean = false;
 toggleInput() {
    this.isActive = !this.isActive;
 }

【讨论】：

【解决方案2】：

如果我理解你的问题，你切换按钮切换你的值

这个.pass

为真或假；

因此，在您的 HTML 代码中的 INPUT 中，您可以输入如下内容：

<input *ngIf="this.pass"> YOUR INPUT YOU WANT TO SHOW/HIDE </input>

如果这解决了您的问题，请将其写为已解决:)

【讨论】：