时间戳

首页 > 解决方案 > 显示下一个字段悬停切换按钮

php - 显示下一个字段悬停切换按钮

问题描述

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

页面.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>

标签： phphtmlangularionic-frameworkionic4

解决方案

如果我了解您的问题，请切换按钮切换您的值

这个.pass

为真或假；

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

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

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

推荐阅读