ng-change在數字輸入類型上不會觸發

Question

我正在使用angularJS，並且如果輸入值不是數字，我試圖得到一個錯誤以便彈出。

Number Value: <input type="number" ng-model="mydata.number" ng-change="checkNumber()" /> 
      <p style="color:red" ng-show="numberError"> 
       {{ numberError }} 
      </p> 

然後裏面$scope.checkNumber我檢查，看看它是否楠：

if(!$scope.mydata.number || isNaN($scope.mydata.number)) { 
       $scope.numberError = "This must be a number"; 
      } 

看來，當我最初進入一個字符串，如「FFF」沒有錯誤彈出窗口了，而我們沒有輸入checkNumber函數，但是如果我輸入「1fff」，那麼它確實進入了函數，並且錯誤顯示爲應該。

如果輸入類型是數字，並且初始字符不是數字，那麼ng型號而不是是否更改？

Answer 1

怎麼樣使用角內置的驗證，就像這樣：

<form name="myForm"> 
    Number Value: 
    <input type="number" ng-model="mydata.number" name="myNumber" /> 
    <p style="color:red" ng-show="myForm.myNumber.$dirty && !myForm.myNumber.$valid"> 
     {{ numberError }} 
    </p> 
</form>