我发现默认情况下，带有 ng-model 指令的 Angular 不会在输入中显示 NaN 值:
<input type="number" class="form-control" id="calcmouldSugNOfCavitiesCost" disabled
step=0.01
ng-model="$parent.mouldTAB.sugNOfCavitiesCost">
因此，如果 $parent.mouldTAB.sugNOfCavitiesCost 等于 NaN，则输入为空。
我想显示NaN，而不是这种行为。
这可能吗？
最佳答案
要达到您的预期结果，请使用以下选项
选项1:
1、更改输入类型为文本
2.检查输入的类型，如果字符串将输入的默认值设置为“NaN”
HTML:
<html>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<input type="text" id="calcmouldSugNOfCavitiesCost" disabled
ng-model="sugNOfCavitiesCost">
</div>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
JS:
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.sugNOfCavitiesCost ='123';
if(typeof($scope.sugNOfCavitiesCost)=='string'){
$scope.sugNOfCavitiesCost ='NaN';
}
});
Codepen-http://codepen.io/nagasai/pen/jAYoxv
选项2:
要使用现有的代码输入字段作为数字来达到预期结果，请再添加一个文本字段以在字符串值的情况下显示“NaN”，并根据值使用 ng-show 和 ng-hide 显示输入字段
HTML:
<div ng-app="myApp" ng-controller="myCtrl">
<input type="number" id="calcmouldSugNOfCavitiesCost" disabled ng-model="sugNOfCavitiesCost" ng-hide="toggle">
<input type="text" disabled value="NaN" ng-show="toggle">
</div>
JS:
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.sugNOfCavitiesCost ='123';
if(typeof($scope.sugNOfCavitiesCost)=='string'){
console.log($scope);
$scope.toggle =true;
}
});
关于angularjs - Angular 在输入中显示 NaN 值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38416233/