So implementieren Sie die automatische Abrundung auf gerade Zahl in einem Eingabefeld mit Angular 4

Question

Ich habe ein Eingabefeld, in dem jede gerade Zahl in die nächstniedrigere ungerade Zahl konvertiert werden soll. Außerdem sollten 2 Tasten vorhanden sein, um den Wert um 2 zu erhöhen oder zu verringern.

Ex. Wenn ich 5 gebe, sollte die Zahl in 4 umgewandelt werden und im Eingabefeld ersetzt werden. Ich habe keinen Code, also sortiere die Frage bitte nicht.

Jede Hilfe wäre willkommen. Vielen Dank!

Answer 1

Sie müssen etwas wie folgt aussehen werden:

In Ihrem xyz.component.html

<div class="col-lg-12"> 
    <button class="btn" (click)="quantity = quantity - 2"[disabled]="quantity == 0">minus</button> 
    <input type="number" [value]="quantity" #quantitySelect (keyup)="roundOffQuantity(quantitySelect.value)" min="0" /> 
    <button class="btn" (click)="quantity = quantity + 2">plus</button> 
</div> 

In den xyz.component.ts

roundOffQuantity(value: number) { 
    if (value % 2 != 0) { 
     this.quantity = (2 * (Math.round(value/2 - 0.01))); 
    } 
}