AngularJS文本输入值在范围上并不可变

Question

我有一个输入文本字段为反映：

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

我的控制器具有纳克模糊功能如下：

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

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

即使我在文本字段中输入一个值并点击'Tab'或移动到下一个字段来调用ng-blur函数，我的console.log显示一个空值。

我在这里做错了什么？ `

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>