以angular2更新表单

时间:2017-06-20 06:34:26

标签: angular angular2-forms

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

   <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>

这是我的project.component.ts

   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;
     }
    }
  );
};

任何人都可以帮助我吗?

0 个答案:

没有答案