Dezimalstelle Eingabe Typ nur Zahl Ionic 3 letzte Version (3.9.2) Ich benutze

Question

Ich verwende ionische neueste Version 3.9.2. und ich stehe vor einem Problem. Ich habe ein Eingabefeld. Eingabetypnummer, wenn Benutzereingaben in Textfeld erlauben sie nur eine Ziffer nach dem Dezimaltrennzeichen. und in Eingabefeld maximal nur eine Dezimalzahl nicht mehr als eins erlauben.

Examples: 
1) 1407.1 
2) 6449496.8 
3) 1.1 

Gefällt Ihnen dieses nur Benutzer kann eine Ziffer nach dezimal

Meine HTML-Code

<ion-item> 
    <ion-label fixed>TECHLOG:</ion-label> 
    <ion-input type="number" [ngModel]="mymodel" (ngModelChange)="onChangeTech($event)"></ion-input> 
</ion-item> 

Meine ts-Datei Code

onChangeTech(event) { 
    alert(event) 
    } 

In der Warnung, ich erhielt die Nummer was auch immer ich eintippe, aber ich weiß nicht, wie ich nach einer Dezimalstelle in meinem Eingabefeld mit Nachdruck anhalten kann.

Answer 1

Sie können text-mask Modul verwenden. Bitte versuchen Sie es und lassen Sie es mich wissen.

Demo Page from the Doc

npm i angular2-text-Maske --save

Dann importieren Sie es in Ihr @NgModule:

import { NgModule } from '@angular/core'; 
import { FormsModule } from '@angular/forms'; 
import { TextMaskModule } from 'angular2-text-mask'; 

@NgModule({ 
    imports: [ 
    FormsModule, 
    TextMaskModule 
    ], 
    declarations: [] 
}) 
export class MyModule {} 

Answer 2

Auf diese Weise ist nicht korrekt 100%. Es wird die Benutzereingabe runden (zB 1.57 -> 1.6). Und es kann nicht mit der falschen Eingabe umgehen (zB 1.2.3454). Aber es ist ein schneller und einfacher Weg.

let input = document.getElementById('numberInput'); 
 
input.addEventListener('keyup', (event) => { 
 
    let value = parseFloat(input.value); 
 
    if (value) { 
 
    input.value = parseFloat(value.toFixed(1)); 
 
    } 
 
})

<input type="number" id="numberInput" step="0.1" />