Question

在我的项目中

我有两个按钮

1。click here按钮

2. save按钮

首先我需要只显示click here按钮，当用户点击click here按钮时，需要在ionic3上显示save按钮

Answer 1

记住ts文件中的布尔值

public class WebView extends WebViewClient {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String weburl) {
        if (weburl.equals("YOURLINK")) {
            Intent i = new Intent(getContext(), YourActivity.class);
            startActivity(i);
            return true;
        } else {
            view.loadUrl(url);
            return true;
        }
    }
}

单击“单击此处”按钮并在保存按钮中使用ngif

时，将此布尔值更改为true

isButtonClicked: boolean = false

现在按钮将在布尔值为true时显示，在隐藏时为隐藏

Answer 2

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

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

2 个答案: