离子型2基于平台的输入类型区分

Question

我正在用离子写一个应用程序，其中我有一个输入字段，必须取一个正整数。我查过这里类型

<ion-item>
    <ion-input #input type="number" min="0" inputmode="numeric" [(ngModel)]="..." pattern="[0-9]" required placeholder="Access Code"></ion-input>
</ion-item>

现在我的问题是，在iOS上，数字输入是全编号键盘(我可以使用数学符号)。对于iOS，我想使用

提尔

类型，但对于android，我希望保留

数

输入类型有什么方法可以做到这一点，而不需要为每个平台制作两个单独的html页面？

Answer 1

根据这一点：电话:文字输入的数字键盘

我需要这样的输入：

<input type="number" pattern="[0-9]*" inputmode="numeric">

产生了正确的结果。我错过了星号。

Answer 2

如离子文档所示，您可以将其添加到TS文件中：

 import { Platform } from 'ionic-angular';

 constructor(platform: Platform) {
      this.platform = platform;
 }

然后..。在您的html中，使用“ngIf”检查平台是android还是IoS：

<ion-item>
    <ion-input *ngIf="platform.is('android')" #input type="number" min="0" inputmode="numeric" [(ngModel)]="..." pattern="[0-9]" required placeholder="Access Code"></ion-input>
    <ion-input *ngIf="platform.is('ios')" #input type="tel" min="0" inputmode="numeric" [(ngModel)]="..." pattern="[0-9]" required placeholder="Access Code"></ion-input>
</ion-item>