angular.js - angular2表单拆成多个组件的问题
PHPz
PHPz 2017-05-15 17:05:12
0
2
584

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

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

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

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

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

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

PHPz
PHPz

学习是最好的投资!

Antworte allen(2)
滿天的星座

组件能绑定数据

我想大声告诉你

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

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage