Angular 2:显示更新的数据

时间:2016-01-04 19:49:52

标签: angular

当用户进入页面时,会显示该项目的详细信息。当用户点击编辑按钮时:他可以编辑项目的类别和名称。当他点击提交按钮时,必须显示更新的项目。我怎样才能做到这一点?我应该在哪里运行我的回发到数据库或什么?

didSelectViewController

1 个答案:

答案 0 :(得分:1)

  

当他点击提交按钮时,必须显示更新的项目。我怎样才能做到这一点?

使用ngModel(而不是ngFormModel)并按如下方式绑定:

<input ngControl='category' [(ngModel)]='item.category'>
<input ngControl='name'     [(ngModel)]='item.name'>
  

我应该在哪里运行回发到数据库或其他什么?

数据应来自服务。 ShowEditComponent上方的某些组件应该从服务获取数据,然后将项目作为绑定属性传递给ShowEditComponent:

<show-edit [item]="item"></show-edit>

更新数据时应通知相同的服务。即,您的onSubmit()方法应该在可以将数据发布到服务器的服务上调用某种方法。这意味着您的ShowEditComponent将需要在其构造函数中注入服务。