javascript - 即使为该输入隐藏了 ng-show(相同的 ng-model)，angular 中的输入类型编号也会产生错误

Question

我的代码生成了下面的错误，即使 type="number"的元素被 ng-show 隐藏了； https://docs.angularjs.org/error/ngModel/numfmt

Angular 1.4

在 Controller 中:

this.obj = {
a: {type:'string',value:'str'},
b: {type:'number',value:2}
}
this.selected = 'a';

在模板中

<span ng-show="ctrl.obj[selected]=='number'"><input type="number" ng-model="ctrl.model" /></span>

<span ng-show="ctrl.obj[selected]=='string'"><input type="text" ng-model="ctrl.model" /></span>

当我在“文本”类型字段中输入文本时，控制台中仍然出现错误。如何解决？ 错误:[ngModel:numfmt] http://errors.angularjs.org/1.4.1/ngModel/numfmt?p0=3

Answer 1

你试过 ng-if 吗？

<span ng-if="ctrl.obj[selected]=='number'"><input type="number" ng-model="ctrl.model" /></span>
<span ng-if="ctrl.obj[selected]=='string'"><input type="text" ng-model="ctrl.model" /></span>