將離子鍵盤隱藏在屏幕上

Question

我是ionic框架1的新手。我一直在開發應用程序。 但是，我不知道如何在屏幕觸摸時消失鍵盤。 當我填寫任何表格時，似乎某些字段都隱藏在鍵盤下。 我該如何解決？ 我嘗試刪除並添加鍵盤插件。 但是，它沒有用。

Answer 1

您已經提到您正在研究離子框架1，但是Ionic2是最新的，因此您應該這樣做。 這是在Ionic 2中隱藏鍵盤的代碼：

在構造函數定義中，輸入以下內容

constructor(private keyboard: Keyboard){
}

在您想關閉鍵盤的任何地方，執行以下代碼：

this.keyboard.close();

Answer 2

只需在代碼中復制/粘貼以下函數，然后在要關閉鍵盤時調用即可。

focusOut() {
    let activeElement = <HTMLElement>document.activeElement;
    activeElement && activeElement.blur && activeElement.blur();
  }