javascript - AngularJS input[number] 不会将 "5008"转换为数字

Question

我有一个数字输入绑定(bind)到一个属性，该属性是一个包含数字的字符串。

显示时，数字无法验证，因为它需要一个数字，然后模型被设置为未定义，并且该数字永远不会显示。

除了手动进入模型并使用 parseInt 进行转换之外，我还能做些什么吗？

<input type="number" ng-model="val.Value" required />

在渲染之前，该值实际上是 5008:

val.Value = "5008";

一旦页面被渲染，它就会被 Angular 设置为未定义

Answer 1

Angular 模型默认将值视为字符串而不是整数。将其绑定(bind)到数字类型将不起作用。您需要在 js 端处理该逻辑并删除 html 中的输入 type=number 。