输入字段与类型编号的对象属性之间的双向数据绑定会产生字符串值

Question

如果我在Typescript中有一个对象Customer（骨架示例）：

var Customer: ICustomer = <ICustomer>{};
...
interface ICustomer {
orderAmount: number;
}

和html中的

<input ng-model="vm.Customer.orderAmount"... >

，并且用户在输入字段中输入数字，orderAmount包含字符串而不是数字。这是正常行为吗？我期望数字，因为数字类型，我期望TypeScript将值转换为数字。好像我想对它进行算术运算，仍然必须解析该值。

Answer 1

您可以将输入设置为type =“ number”，这样就可以使您的模型是数字而不是字符串。

    <input type="number" name="input" ng-model="example.value">

请注意，如果将输入元素设置为type =“ number”，则模型必须始终为数字，以防止引发错误