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

Question

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

Home.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");
  }  
}