ion-input自动获取焦点

问题:

    进入页面时,需要某个input自动获取焦点

解决问题:

    1. 因为 Angular 是不推荐直接通过 DOM 操作获取元素的,所以要操作元素需要通过 @ViewChild 装饰器。

import { Component, ViewChild } from '@angular/core';

    2. 在HTML中对元素添加引用 nameInput:

    3. 在 .ts 中可以通过 ViewChild 获取指定元素的引用:      

import { ViewChild } from '@angular/core';

@ViewChild('nameInput') nameInput;

    4. 获取到对应元素的引用后,你想添加焦点,如下:        

setTimeout(() => {

      this.nameInput.setFocus();//输入框获取焦点

},150);

 

你可能感兴趣的:(ionic3)