ngForの内部にあるngModelの値を取得する方法は？

Question

<div class="form-horizontal" style="margin:auto;" *ngFor="#cmp of getUser"> 
    <div class="form-group"> 
     <label class="col-md-3 control-label">Name:</label> 
     <div class="col-md-8"> 
      <input type="text" class="form-control" id="cname" [(ngModel)]="cmp.name"/> 
     </div> 
    </div> 
<button class="slds-button slds-button--neutral slds-button--brand" (click)="updateUser(cmp)">Save</button> 
</div> 

ここでは、ngForでngModelを使用してデータを表示できますが、この表示データを更新/編集するにはどうすればいいですか？このupdateUser機能で

updateUser(){  
    var body=JSON.stringify({ 

     name:this.cmp.name, 
     //what to do here???? 
    }) 
    let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded' }); 
    this.http.post('../update.php?id='+matches['id'],body,{ 
      headers:headers; 
    }) 
    .map(res => res.json()) 
    .map((res) => { 
        if (res.success) { 
         this.message = res.message; 
        } 
        else{ 
         this.err="Something went wrong"; 
        } 

     }) 
     .subscribe(
      data=>this.updUser=JSON.stringify(data), 
      error=>alert(error), 
      msg=>console.log("done")); 
    } 

私はcmpは、POSTメソッドで[(ngModel)]=cmp.nameからの値を使用するために何をすべきかundefine.Soであることを私にエラーを見せていることを行うときdata.Butを更新したいです？

Answer 1

変更*ngFor="let cmp of getUser"から*ngFor="#cmp of getUser"、あなたが変更されたりしていない値になっている場合は、以下のようupdateUser関数の内部チェック：

updateUser(data:any){ 
    console.log(data); 

    // if it works you can add your code here to call API 
}