Question

我正在尝试构建一个输入字段，它只接受数字作为输入，因此它的输入类型是数字。但我想使用下面的代码

将数字长度限制为6位数

home.html的

<ion-item text-left >
     <input type="number" (keypress)="delimiterClainNo($event, $event.target.value)" id="claim" placeholder="Claim No." (ngModel)]="claim" />
</ion-item>

home.ts

export class HomePage {

  claim : string;
  amount : number;
  status : string;
  expenseType : string;
  description : string;
  beneficiary : string; 

  constructor(public navCtrl: NavController, private alertCtrl: AlertController) {
  }

  delimiterClainNo(event: Event, value: string){

     if(value.length > 5) {
          event.preventDefault();
     }
  }



   display(caption : string, value : any): void { 
       let alert = this.alertCtrl.create({
       title: caption,
       subTitle: value,
       buttons: ['Close']
     });
     alert.present();
   }

 }

1）这应该适用于移动设备。不适用于我的Android 4.4.2（三星Galaxy Note 2）。

2）在浏览器和Android模拟器上运行良好，但在移动设备上运行良好。

系统信息

cli包：（C：\ Users \ vcinq \ AppData \ Roaming \ npm \ node_modules）

@ionic/cli-utils  : 1.12.0
ionic (Ionic CLI) : 3.12.0

全球套餐：

cordova (Cordova CLI) : 7.0.1

本地包裹：

@ionic/app-scripts : 2.1.4
Cordova Platforms  : android 6.2.3
Ionic Framework    : ionic-angular 3.6.1

系统：

Android SDK Tools : 26.0.2
Node              : v6.11.2
npm               : 3.10.10
OS                : Windows 10

其他：

backend : legacy

任何人都可以帮助我吗？我一直在敲打我的头脑，因为这不仅仅是一个负责人参加Slayer音乐会。

preventDefault无法处理<input type =“number”/>上的ionic

0 个答案: