イオン2はプラットフォームに基づいて入力タイプを区別する

Question

私は正の整数を取らなければならない入力フィールドを持つイオンを使ってアプリケーションを書いています。私は今、私の問題は、iOSの上で数値入力がFULL番キーボード（私は数学記号を使用することができる）であるということである種類here

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

を見上げています。 iOSのために私は

TEL

タイプを使用したいが、アンドロイドのために、私は

数

入力タイプを維持したいです。各プラットフォームで2つの別々のHTMLページを作成せずにこれを行う方法はありますか？これによると

Answer 1

：正しい結果を生み出している

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

： Phone: numeric keyboard for text input

私はこのような入力を持っている必要があります。アスタリスクがありませんでした。

Answer 2

Ionic Docsによって示されているように、あなたの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>