html - 如何验证 ngModel 值？

Question

我如何验证 ngModel 值。我想检查该值是否为类型号。如果它有分数，那么我必须将值四舍五入到最接近的整数。所以有没有办法在 html 中包含验证以及我可以在哪里添加 Math.round()。

 <div style="display: flex; margin-top: -3px; color: black;" class="dist" *ngIf="travel">
<label><span>Distance</span> <input type="number" value="0" [(ngModel)]="travel.distance" />km</label>
</div>

解决方案

<label><span>Distance</span> <input type="number" value="0" [(ngModel)]="travel.distance" (change)="call()" />km</label>

call(){
travel.distance = Math.round(travel.distance);
}

Ps：现在我已经更新了我的解决方案，我得到了我期望的结果。请检查。这是执行此操作或任何其他解决方案的最佳方法吗？

Answer 1

您可以使用 addEventListener 通过 js 获取输入值，如果使用 angular，您可以使用 (keydown.enter) 并喜欢此事件来获取值