在angular2中更新表单

在angular2中更新表单,angular,angular2-forms,Angular,Angular2 Forms,我有一个模式弹出窗口,我在其中添加了一个名称和描述,创建后将在同一弹出窗口中显示值。类似地,我在点击编辑后添加了编辑功能,编辑表单将被打开,编辑后应该会更新。但我的问题是,在编辑表单时,输入的值会出现在显示部分,该值也会显示在显示部分。 这是我的编辑表格 <form (ngSubmit)="edit(projectValue.name" [ngModelOptions]="{standalone: true}" #name="ngModel"> </div&

我有一个模式弹出窗口,我在其中添加了一个名称和描述,创建后将在同一弹出窗口中显示值。类似地,我在点击编辑后添加了编辑功能,编辑表单将被打开,编辑后应该会更新。但我的问题是,在编辑表单时,输入的值会出现在显示部分,该值也会显示在显示部分。 这是我的编辑表格

   <form (ngSubmit)="edit(projectValue.name" [ngModelOptions]="{standalone: true}" #name="ngModel">   
    </div>
    <button class="btn btn-success btn-xs" type="submit" [disabled]="name.errors">Update project</button>
   </form>
   <div *ngFor="let project of projects">
    <b>{{project.name}}</b>
    <i class="fa fa-pencil pull-right" (click) = "openEditForm(project)">    </i>

有人能帮我吗

您试图说,当您处于编辑窗体下时,您所做的任何更改都可以直接显示在您的显示部分,而无需单击“更新”按钮?您是否可以显示模式弹出窗口的代码?是@对话框,你能给我提供一个解决方案吗?因为你使用的是ngModel,那么我们如何在没有ngModel的情况下更新属性?你能给我举个例子解释一下吗。
   project = new Project();
   projectValue = new Project();
   fetchprojects(){
     this.authService.getProjects().subscribe(
     projectsData => {
     this.projects.push(this.projects);
     this.projects = projectsData;  
     },
    err => {
      console.log('err:', err);
     }
    );
   };
   openEditForm(projectVlaue){
     this.editForm = true;
     this.projectValue = projectValue;
    };

   edit(projecValue) {
     this.projectValue = projectValue;
     this.authService.updateProject(this.projectValue).subscribe(
     project=> {
      this.updatedStatus = true;
     }
    }
  );
};