angular2表单拆成多个组件的问题

考虑到复用等问题,将一个表单拆成多个组件,这个时候就出现了通信的问题。
这种情况是不能使用双向数据绑定的,我想到的是下面的办法,但是有些复杂,特此求助好方法。

  1. 父组件传入子组件一个submit状态的值,当点击提交按钮时,变动此值。

  2. 子组件通过onChange钩子监听submit值,当变动时将子组件内部的绑定的数据通过事件发送给父组件。

  3. 父组件监听到事件,拿到子组件的绑定值,这个时候整合数据,发送请求。

  4. 如果有个别字段已经存在这种情况,需要单独传给子组件一个错误值,对应显示出来。

但是真心好麻烦,求助ing...

阅读 3.3k
2 个回答

组件能绑定数据

到表单这个维度,组件颗粒已经足够小了,还进行拆分不是自找麻烦么.只有复杂的UI才需要封装,如时间选择器,颜色选择器等等

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进