javascript - Angular JS 2——应用程序设计

Question

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

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

我怎样才能实现这个目标？

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

谢谢

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

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

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

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

1) 整个表单只有一个组件？

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

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

请提出应用程序设计建议。

Answer 1

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

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

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

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

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

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

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