我有一个模态弹出窗口,其中我添加了一个名称和描述,在创建它之后将在同一个弹出窗口中显示值。同样地,我在点击编辑后添加了编辑功能,编辑表格将被打开,编辑后应该更新。但是我的问题是,在编辑表单时,值正在输入,值也显示在显示部分。 这是我的模态弹出编辑表单
<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;
}
}
);
};
任何人都可以帮助我吗?