0 
<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(){     
    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"));
    }

在这个 updateUser 函数中，我想更新数据。但是当我这样做时，它向我显示了cmp未定义的错误。那么如何使用来自[(ngModel)]=cmp.namepost 方法的值呢？

4

1 回答 1

0

如果您获得已更改的值，请更改*ngFor="#cmp of getUser"to*ngFor="let cmp of getUser"并检查内部函数，如下所示：updateUser

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

  // if it works you can add your code here to call API
}
于 2016-10-21T07:59:03.450 回答