如何使用Angular 4在輸入字段中實現自動舍入偶數

Question

我有一個輸入字段，其中任何偶數都應轉換爲最接近的較低奇數。另外，應該有2個按鈕來將該值遞增和遞減2.

Ex。如果我輸入5，那麼數字應該被轉換爲4，並且應該在輸入字段中被替換。我沒有任何代碼，所以請不要排序問題。

任何幫助，將不勝感激。謝謝！

Answer 1

您必須尋找這樣的事情：

在你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> 

在xyz.component.ts

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