在Angular中,编辑表单中的数据绑定问题可以通过使用双向数据绑定和Angular的表单控件来解决。以下是一个包含代码示例的解决方法:
import { Component } from '@angular/core';
@Component({
selector: 'app-form',
templateUrl: './form.component.html',
styleUrls: ['./form.component.css']
})
export class FormComponent {
formData: any = {}; // 表单数据
}
submitForm() {
console.log(this.formData); // 在控制台打印表单数据
// 可以在这里进行表单数据的处理和提交操作
}
这样,当用户在表单中输入数据时,formData对象中的属性值也会随之更新。当用户点击提交按钮时,可以通过submitForm方法获取最新的表单数据并进行相应的处理。
请注意,为了使用双向数据绑定,需要在组件中引入FormsModule模块:
import { FormsModule } from '@angular/forms';
@NgModule({
imports: [
FormsModule
],
// ...
})
export class AppModule { }
这样就可以解决Angular中编辑表单中数据绑定的问题了。