Ionic中ion-input的类型为type=“number“时，限制输入数量。

最新推荐文章于 2022-10-25 17:12:52 发布

沐灬秋雨

最新推荐文章于 2022-10-25 17:12:52 发布

阅读量896

点赞数

分类专栏：前端 ionic 文章标签： angular typescript html5

本文链接：https://blog.csdn.net/wjc199210/article/details/116422983

版权

前端同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

ionic

1 篇文章 0 订阅

订阅专栏

`Ionic中ion-input的类型为type="number"时，限制输入数量。`

废话不多说，直接上代码

html

          <ion-input
            type="number"
            [(ngModel)]="showValue"
            (ngModelChange)="change($event)"
          ></ion-input>

TypeScript关键内容

import { ChangeDetectorRef } from "@angular/core";

constructor(
  private cdRef: ChangeDetectorRef
) {}

// 处理数字类型最大可输入数
change(value) {
  this.cdRef.detectChanges();
  this.showValue = value.length > 8 ? value.substring(0, 8) : value;
}