繁体   English   中英

在ionic3上单击按钮时如何显示按钮

[英]How To show button when button is clicked on ionic3

在我的项目中

我有两个按钮

1. click here按钮

2. save按钮

首先我只需要显示“ click here按钮,当用户单击“ click here按钮时,“ save按钮将需要显示在ionic3上

在ts文件中记住一个布尔值

isButtonClicked: boolean = false

当单击“单击此处”按钮时,将此布尔值更改为true,然后在“保存”按钮中使用ngif

<button *ngIf="isButtonClicked"> Save me </button>

现在,该按钮将在布尔值为true时显示,在布尔值为false时隐藏

在.ts文件中声明变量showFlag

showFlag:boolean=false;

并为显示保存按钮创建一个功能

  showSaveButton(){
    this.showFlag=true;
  }

.html

  <button ion-button (click)="showSaveButton()">click here</button>
  <button ion-button *ngIf="showFlag">save</button>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM