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(){     
    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未定义的错误。那么在post方法中如何使用来自[(ngModel)]=cmp.name的值???

Answer 1

将*ngFor="#cmp of getUser"更改为*ngFor="let cmp of getUser"，如果您获得的价值已经更改，请按照以下updateUser内部检查功能：

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

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

如何获取ngFor中的ngModel值？

1 个答案: