javascript - Angularjs ng-model 不工作输入 [文本])

Question

我有一个来自数据库的循环数据，这很好用，值在输入字段中，但是当我想在单击 angular 后读取这个值时返回我:

Object {newName: undefined, newEmail: undefined}

我也不知道为什么。请帮忙。

HTML 代码:

<tr ng-repeat="user in users">
    <td><input type="text" ng-model="user.name" name="user.name" ></td>
    <td><input type="text" ng-model="user.email" name="user.email" ></td>
    <td><button ng-click="checkData()">Click</button></td>
</tr>

Controller 代码:

 $scope.user = {};
 $scope.checkData = function () {
   var data = {
      newName: $scope.user.name,
      newEmail: $scope.user.email
   };
 console.log(data);

Answer 1

在你的 ng-repeat 里面显示 users 的每个元素的代码& 你在里面展示下面的一个 tr的 table .当您想访问正在编辑的元素时，您需要传递 user反对 checkData方法，以便您可以访问该特定特定用户。

标记

<tr ng-repeat="user in users">
    <td><input type="text" ng-model="user.name" name="user.name" ></td>
    <td><input type="text" ng-model="user.email" name="user.email" ></td>
    <td><button ng-click="checkData(user)">Click</button></td>
</tr>

代码

$scope.checkData = function (user) {
   var data = {
      newName: user.name,
      newEmail: user.email
   }
   console.log(data);
};