javascript - ng-change 函数不更新 ng-model 值

Question

我有这样的输入

<input type="text" name="name" class="form-control" ng-model="val" ng-change="valx()"/>

Controller :

$scope.val= "start";
$scope.valx = function() {
    $scope.val= "done!";
};

但是 $scope.val 没有在文本框中更新。我在 angular v1.2.14 上运行

Answer 1

提供的代码有效。该错误肯定来自您代码的另一部分。

可能性:

• 检查您是否已使用 ng-app="AppName"
正确设置您的应用
• 检查您是否使用 ng-controller="ControllerName" 正确设置了 Controller
• 检查您的 Controller 是否正在您的页面上使用

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.val = "start";
  $scope.valx = function() {
    $scope.val = "done!";
  };
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<input type="text" name="name" class="form-control" ng-model="val" ng-change="valx()" />
</div>