Angular - 检查输入字段的值是否为数字

Question

在我的Angular应用程序中,我有一个接受电子邮件地址或电话号码的字段.

如果输入一个数字,我想显示一个特定的跨度.但是我似乎无法让这个工作.

所以在我的控制器中我写道:

$scope.isNumber = function (n) {
     return !isNaN(parseFloat(n)) && isFinite(n);
}

然后在我的HTML中我有:

<form name="registrationForm">

<div>
   Email or Mobile
   <span ng-show="isNumber(registrationForm.usernameReg)">Include the country code.</span>
</div>

<input name="usernameReg" ng-change="main.change()" type="text" ng-model="main.username">

</form>

任何想法为什么这不起作用？

谢谢.

Answer 1

您需要测试模型的值.

尝试

ng-show="isNumber(main.username)"

registrationForm.usernameReg 是一个包含许多属性的对象,用作验证的一部分.

为了更好地看到这个添加<pre>{{registrationForm |json}}</pre>在您的视图中