在 ngChange 函数中获取 ngModel 的值

Question

给定 ngModel 的输入，我如何在 ngChange 函数中获取 viewValue？

<input type="text" ng-model="getMyObject().value" ng-change="insert(1, 'my object property')" />

我试过：

<input type="text" ng-model="getMyObject().value" ng-change="insert(1, getMyObject().value)" />

但是return未定义。

Answer 1

检查此示例并验证您的代码：

var app = angular.module('myApp', []);

app.controller('MainCtrl', function($scope) {
  $scope.list = [1, 5, 7];

  $scope.myObj = {value: 10};

  $scope.getMyObject = function() {
    return $scope.myObj;
  }
  
  $scope.insert = function(pos, value) {
    $scope.list.push(value);
  }
  
});

<!DOCTYPE html>
<html ng-app="myApp">
  <head>
    <meta charset="utf-8" />
    <title>AngularJS</title>
    <link rel="stylesheet" href="style.css" />
    <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.8/angular.js" data-semver="1.4.8"></script>
    <script src="app.js"></script>
  </head>
  <body ng-controller="MainCtrl">
    <p>Hello {{name}}!</p>
    
    <input type="text" ng-model="getMyObject().value" ng-change="insert(1, getMyObject().value)" />
    
    <br>

    <pre>myObj = {{myObj|json}}</pre>
    <pre>list = {{list|json}}</pre>
  </body>
</html>

您的 ng-model 指令绑定到的属性 name 必须是可访问的：它必须引用范围内的对象。

在 ngChange 函数中获取 ngModel 的值

Get value of ngModel inside ngChange function

angularjs

angular-ngmodel