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>在你看來