如何使用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))); 
    } 
}