2016-10-18 3 views
1

Ich verwende Ionic 2 RC.1. Ich möchte ein Feld haben, das Dollarbeträge darin bis zu 2 Dezimalstellen akzeptiert.Nicht in der Lage, den Dezimalwert in Ionic 2 einzugeben RC.1-Nummernfeld

 <ion-item> 
     <ion-label floating>Dollar AMount <label class="mandatory-indicator">*</label></ion-label> 
     <ion-input type="number" [formControl]="empForm.controls['wsAmtEarned']" maxlength="30" size="30" ng-pattern="/^[0-9]+(\.[0-9]{1,2})?$/"></ion-input> 
     </ion-item> 

Immer, wenn ich Dezimalwert (zB 5.3) in es eingeben, beginnt es mir eine Fehlermeldung zu geben, dass die Nearest possible values are 5 and 6. Wie cal ich es modifiziere, um meine Anforderungen zu erfüllen.

Antwort

2

Im Moment scheint Ionic 2 only the following Eingangstypen zu unterstützen, die auf HTML5 Input-Typen entsprechen:

Der HTML-Eingabetyp (Text, Passwort, E-Mail, Anzahl, Suche, Tel oder url)

Der Zahl-Eingabe-Typ in HTML5 ist standardmäßig eine Ganzzahl. Eigentlich ein numerischer Wert mit einem Standardschritt von 1. Also könnten Sie versuchen, das step Attribut auf dem Eingang (auf step="0.1") zu setzen und zu sehen, ob dies zu Ionic propagiert wird.

Andernfalls ändern Sie den Typ zu text und erlauben Sie Ihrem Musterprüfer zu übernehmen.

+0

Danke. step = "0.01" scheint für ein Währungsbearbeitungsfeld zu funktionieren. –