小编Ang*_*len的帖子

键盘覆盖了ios中的输入字段-Ionic 5

我已经遇到同样的问题几个月了,但仍然找不到解决方案。我有一个应用程序,其中有多种表单,当专注于输入字段时,键盘会覆盖该输入字段,并且用户看不到任何内容。这只发生在iOS上,在Android上一切正常。

在此应用中,我使用带有电容器的 ionic 5。

这就是我希望我的应用程序工作的方式:示例 1

目前它的工作原理如下:示例2

.HTML

<form [formGroup]="formSubmit" (ngSubmit)="formSubmit()">      
  <mat-form-field appearance="outline" class="field-style">
    <input matInput maxlength="35" class="input-form" placeholder="Agregar un alias (opcional)" formControlName="alias">
  </mat-form-field>
  <button mode="ios" class="btn-siguiente-enable" expand="block" type="submit" *ngIf="formSubmit.valid">Siguiente</button>    
</form>
Run Code Online (Sandbox Code Playgroud)

.TS

ngOnInit() {
    this.initForms();

    Plugins.Keyboard.setScroll({isDisabled: true});

    Plugins.Keyboard.addListener('keyboardWillShow', (info: KeyboardInfo) => {
      Plugins.Keyboard.setResizeMode({mode: KeyboardResize.None});
    });

    Plugins.Keyboard.addListener('keyboardWillHide', () => {
      Plugins.Keyboard.setResizeMode({mode: KeyboardResize.Native});
    });
  }  
Run Code Online (Sandbox Code Playgroud)

知道如何解决这个问题吗?

ionic-framework ionic-native angular ionic4

5
推荐指数
1
解决办法
2734
查看次数

如何使用三元运算符执行此 IF

如何使用三元运算符执行此 IF 操作?

if (img != null) {
  return img;
} else if (!user) {
  return 'img.svg';
} else if (user) {
  if (user.img && !camera) {
    return `imgServer`;
  } else if (!user.img && !camera) {
    return 'img.svg';
  } else if (user.img && camera) {
    return camera;
  } else if (!user.img && camera) {
    return camera;
  }
} 
Run Code Online (Sandbox Code Playgroud)

我已经尝试过多种方法,但没有一种对我有用。

javascript if-statement conditional-operator conditional-statements

0
推荐指数
1
解决办法
111
查看次数