AngularJSのng-repeatループ内でng-modelを使用するにはどうすればよいですか？

Question

AngularJSでng-repeatループ内でng-modelを使用するにはどうすればよいですか？ データベースはmySQLであり、データを表示するのと同じ行で編集したいので、これをやっています。

<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 

使用は、モデルを経てモデルにアクセスする、あなたの繰り返しであり、「$インデックスでトラック」[$： は、私はこのことをお勧めします。この詳細は

<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

を理解することはOKだと思いますインデックス]。

$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>