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

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

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

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

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

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

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

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


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


组件能绑定数据

【热门文章】
【热门文章】