AngularJS - 未在范围变量中反映的文本输入值

Question

我有一个输入文本字段:

<input type="text" class="form-control" id="inputValue" name="uservalue" ng-model="inputNumber" ng-required="true" autofocus="true" ng-blur="checkIfValid()"/>

我的控制器具有ng-blur功能,如下所示:

$scope.checkIfValid = function(){
        console.log("Value is = " + $scope.inputNumber);
}

我已定义 - $scope.inputNumber = '';

我的console.log显示一个空值,即使我在文本字段中输入一个值并点击"Tab"或继续下一个字段来调用ng-blur函数.

我在这做错了什么？`

Answer 1

检查一下

var app = angular.module("myapp", []);
app.controller("myCtrl", ['$scope', function($scope) {
    $scope.inputNumber="new";
  
  $scope.checkIfValid = function(){
        console.log("Value is = " + $scope.inputNumber);
}
  
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myapp">  
  <div ng-controller="myCtrl">
   <input type="text" class="form-control" id="inputValue" name="uservalue" ng-model="inputNumber" ng-required="true" autofocus="true" ng-blur="checkIfValid()"/>
    
    <h1>{{inputNumber}}</h1>
  </div>
</div>