如何在AngularJS的ng-repeat循環內使用ng-model？

Question

如何在AngularJS的ng-repeat循環內使用ng-model？ 數據庫是mySQL，我也這樣做是因為我想在顯示數據的同一行上進行編輯。 我認為這個細節可以理解

<tbody ng-repeat="x in names">
    <tr class="edit-row">
        <td>
            <div class="form-group editable">
                <div class="input-group">
                    <input class="form-control" name="x.fname" ng-model="x.fname_m" value="{{x.fname}}" disabled /> </div>
            </div>
        </td>
        <td>
            <div class="form-group editable">
                <div class="input-group">
                    <input class="form-control" value="{{x.email}}" disabled /> </div>
            </div>
        </td>
        <td>
            <button class="btn btn-xs btn-default btn-collapse" data-toggle="collapse" data-target="#followUps1"><i class="fa fa-calendar"></i> </button>
            <a class="btn btn-xs btn-warning btn-collapse" data-toggle="collapse" data-target="#oppTasks1"> <i class="fa fa-star"></i> </a>
            <a class="btn btn-xs btn-default btn-collapse" data-toggle="collapse" data-target="#viewDetail1"> <i class="fa fa-eye"></i> </a>
            <a class="btn btn-xs btn-default btn-collapse" data-toggle="collapse" data-target="#viewComment1"> <i class="fa fa-comments"></i> </a>
            <button ng-click="updateData(x.id, x.fname, x.lname, x.email, x.phone,  x.country, x.skype_id, x.lead_source, x.lead_status, x.lead_priority)" class="btn btn-edit btn-primary btn-xs"><i class="fa fa-pencil"></i>
            </button>
            <button class="btn btn-update btn-success btn-xs"><i class="fa fa-floppy-o"></i>
            </button>
        </td>
    </tr>
</tbody>

Answer 1

我建議這樣做：

<tbody ng-repeat="x in names track by $index">
  <tr class="edit-row">
    <td>
      <div class="form-group editable">
        <div class="input-group">
          <input class="form-control"
            name="x.fname" ng-model="x.fname_m[$index]"
             value="{{x.fname}}" disabled /> </div>
        </div>
      </td>
//... rest of your code

在重復項上使用“按$ index跟蹤”，然后通過model [$ index]訪問模型。 我可能會建議，如果您沒有填充的模型，則還應在控制器開始時將模型設置為null：

$onInit() {
  this.fname_m = {};
}

Answer 2

<div ng-repeat="item in items">
<input ng-model="item.valueobject">
</div>

或綁定

<div ng-repeat="item in items">
{{ item.valueobjects }}
</div>