Angular JS 2——应用程序设计

Question

我有一个用于 FORM 的主要组件，并有三个用于部分的组件

现在在主窗体中我有提交按钮，我想用它来将所有部分数据提交到服务？

我怎样才能做到这一点？

是否在所有section组件中使用输出事件发射器，并在提交前获取主表单组件中的数据？

谢谢

---------------------- 下面的初始问题---------- --

我正在 angular2 中创建一个表单（包含多个部分），此表单将成为审批工作流程的一部分。

工作流将不在 angular2 中，尽管表单将从工作流中引用。当我们从工作流程的不同阶段打开表单时，它将只允许用户查看或编辑表单的某些部分。

我应该如何设计带有部分的表单？

1) 整个表单的一个组件？

2) 每个部分都有单独的组件并有一个主要的父组件？

关于表单加载；运行业务逻辑检查以查找需要在视图和编辑模式下呈现的部分，并且对于业务逻辑有一个单独的组件，它将检查加载的部分以及在什么模式下

请推荐一个应用程序设计。

Answer 1

这里的关键思想是可重用性和业务逻辑。

提取可重用组件作为自己的组件。

假设我的应用中有这些组件...

• 子组件 A - 我将在其他地方重用的一些表单输入
• 子组件 B - 我将重复使用的一些表单内容

父组件 A ... 子组件 A 还有一些我不会重复使用的东西

父组件 B ... 子组件 A 子组件 B 还有一些不同的东西

Route 组件，根据传入参数/数据确定的业务逻辑呈现父 A 或 B。 此外，您可能希望使用属性指令向表单元素添加功能。例如将输入转换为日期选择器的属性指令。