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

时间:2016-06-18 14:53:23

标签: angularjs

在我的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>

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

感谢。

1 个答案:

答案 0 :(得分:5)

您需要测试模型的值。

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

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

为了更好地在视图中添加<pre>{{registrationForm |json}}</pre>