通过家长按钮提交孩子的表格



(简化(体系结构

  • 父组件:具有按钮和垫卡作为";内容视图">
  • 子组件:包含表单,将显示在父组件的内容视图中

我有多个子组件,它们可以显示在父组件的内容视图中(一次只能显示一个!(。为了减少冗余,我将保存按钮外包给了父组件。

我的想法是通过将子窗体的保存函数绑定到按钮,使用父窗体的按钮来保存子窗体
像这样:

class ChildComponent{
form = new FormGroup {...}
constructor() {
parentComponent.setupButton(this.saveChildForm.bind(this));
}
saveChildForm(): void {
if (this.form.valid) {
// send to backend
}
}

当单击按钮并具有有效的(子组件(表单时,数据将被发送到后端。

我的问题:

这种方法是否打破了任何";角形最佳实践";或"-规则"因为我使用的表单没有提交按钮
有更好的处理方法吗?

提前感谢:D

状态应始终保持在最顶端的组件中。所有其他组件都应该是dumm,这意味着它们应该显示一些图形,接受输入并发出输出。

最新更新