在Angular中,你可以使用双向绑定和事件绑定来同时保存数据到两个模型中。以下是一个示例代码:
在组件中定义两个模型:
export class MyComponent {
model1: any;
model2: any;
constructor() {
this.model1 = {};
this.model2 = {};
}
saveData() {
// 保存数据到第一个模型
// ...
// 保存数据到第二个模型
// ...
}
}
在HTML模板中使用双向绑定:
这样,当用户在输入框中输入数据时,数据会自动保存到model1
中。当用户点击保存按钮时,saveData()
方法会被调用,你可以在这个方法中将数据保存到第二个模型model2
中。
请注意,为了在组件中使用双向绑定,你需要在模块中导入FormsModule
。在你的模块文件中加入以下代码:
import { FormsModule } from '@angular/forms';
@NgModule({
imports: [
FormsModule
]
})
export class MyModule { }
这样就可以同时保存数据到两个模型中了。根据你的需求,你可以在saveData()
方法中编写逻辑来处理数据的保存操作。