javascript - AngularJS - 如何在按钮单击时获取对象

Question

我有一个对象数组。我在输入字段中显示了名称。现在我想要在按钮单击时更新对象(无论用户在输入字段中填写什么)

例如，如果我在输入字段中输入“abcde”和“pq”，则单击按钮时应该显示更新对象

[
    {
      name:'abcde’
    },
    {
      name:'pq'
    }
    ];

http://plnkr.co/edit/51BlTe5tAEgMV7ZlJLKV

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

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
  $scope.c = [
    {
      name:'abc'
    },
    {
      name:'pqr'
    }
    ];

    $scope.onclick =function(){

      alert('dd')
      console.log($scope.c)
    }

});

Answer 1

在模板中使用ng-model

<li ng-repeat="x in c">
  <input type="text" ng-model='x.name' value="{{x.name==='abc'?'ddd':'hhh'}}"/>
</li>

如果您需要在单击按钮时更新 $scope.c，请在不同的作用域变量上使用 ng-model 并将其分配给 $scope。 onclick 中的 c

更新:

另请注意，ng-model 不依赖于 value，因此应执行 x.name==='abc'?'ddd':'hhh'在 onclick 或 ng-change 事件处理程序