input.setfocus不是Ionic和Angular中的函数

Question

单击字段时，我希望它位于我的移动键盘顶部。为此，我正在尝试使用以下代码，但出现错误。

首页.html代码如下：

  <div *ngIf="this.primary">
    <textarea style="background-color:#f5f8fa;border:none;width:80%;margin-left:25px;" autosize #input  (click)="focusInput(input)" (input)= "charvl()" placeholder="Enter description.." name="taskdesc" [(ngModel)]="taskdesc"></textarea>
  </div>

Home.ts代码如下：

  focusInput(input) 
  {
    setTimeout(() => {
      input.setFocus();
    },150);

    this.content.scrollToBottom(300);
    console.log("focus");
    }

当我单击该字段时，我在控制台上看到此错误。

input.setfocus 不是一个函数

Answer 1

尝试使用@ViewChild

import { Component, ViewChild } from '@angular/core';
export class PageName {
  @ViewChild('input') myInput;
  constructor(public navCtrl: NavController) {}
    focusInput()  // no need to pass the input as parameter we are accessing the html element using @ViewChild
      setTimeout(() => {
      this.myInput.setFocus();
    },150);
    this.content.scrollToBottom(300);
    console.log("focus");
  }  
}