javascript - AngularJS - 文本输入值未反射(reflect)在范围变量中

Question

我有一个输入文本字段:

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

我的 Controller 有如下的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>