AngularJS v1.7.8 输入框 md-input-container 更新值异常

AngularJS v1.7.8 输入框 md-input-container 更新值异常

由于项目中使用非常远古的AngularJs 1.x的版本,经常磕磕碰碰解决一些API问题,这边笔记备忘一下

项目中使用了一个这样的组件

 <md-input-container>
 <input min="10" name="storage"
 ng-model="orderItem.details.updatedText.storage"
 step="10"
 type="number">
 </md-input-container>

按照我多年写前端的惯性思维来说,这应该没什么问题,Model绑定了具体的某个变量,那么只要input输入框的值更新,也会对应更新,但是调试发现model会在键盘键入值的时候,将变量赋值成undefined

定位半天,组件需要自己处理一下$event,如下

<md-input-container>
<input min="10" name="storage"
ng-model="orderItem.details.updatedText.storage"
onkeyup="this.value = Math.abs(parseInt(this.value))"
step="10"
type="number">
</md-input-container>

测试验证通过