<ion-input>文本框中内容被选中能否实现？

最新推荐文章于 2019-06-19 12:37:38 发布

wu_zz

最新推荐文章于 2019-06-19 12:37:38 发布

阅读量1.5k

点赞数

分类专栏： Ionic3

本文链接：https://blog.csdn.net/wu_zz/article/details/79227661

版权

8 篇文章 0 订阅

订阅专栏

最近在使用ionic3做安卓手持时，因业务需要用户频繁扫描条形码，为了提高用户体验，想把用户输入后的文本内容选中，这样下一次输入时就可以直接覆盖原有内容，而不用手工删除。那么问题来了？

ionic3中封装了input标签即<ion-input>这个坑货

<ion-input clearInput="true" type="number" placeholder="请输入轮胎条码"     (keyup.enter)="focusInputBarcode(barcode,palletNo)" #barcode></ion-input>

ion-input是没有效果的，需要换成input标签。

在HTML中对元素添加引用myInput：

<input type="text" #barcode>

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

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

@ViewChild('barcode') input;

获取到对应元素的引用后，你想添加焦点并选中，如下：

this.input.nativeElement.focus();
this.input.nativeElement.select();

原文链接：http://blog.csdn.net/qq_36279445/article/details/78561118

关注