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