Angular Ionic keyboard.isVisible属性无法正确控制元素可见性

经过多年阅读你的答案，我有了我的第一个问题

形势

在Ionic Angular（v5.3.1）移动应用程序中，我尝试在键盘打开时执行简单的任务-隐藏元素。 原则很简单：

• 我点击文本框
• 事件

  键盘将显示发生

• 手机键盘出现了
• 元素隐藏（

  *ngIf=“keyboard.isVisible”

  ）

问题

当键盘打开时-元素仍然可见。即使执行了事件

keyboardWillShow

。但是，当我再次单击文本框时，元素变得隐藏，正如我在开始时需要的那样

示例代码

tab1.page.html

---

也许angular的变化检测没有检测到键盘可见性的变化。尝试手动检测更改或在ngIfI中使用单独的bool标志也会出现同样的问题。

<ion-content [fullscreen]="true">
  <ion-textarea placeholder="This is placeholder"></ion-textarea>
  <div *ngIf="keyboard.isVisible">
    Please click on tech area and keyboar will open
  </div>
</ion-content>

import { Component } from '@angular/core';
import { Keyboard } from '@ionic-native/keyboard/ngx';

@Component({
  selector: 'app-tab1',
  templateUrl: 'tab1.page.html',
  styleUrls: ['tab1.page.scss']
})
export class Tab1Page {

  constructor(
    public keyboard: Keyboard
  ) {}

}