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>