Angular JS 2 - 应用程序设计

时间:2016-11-18 00:49:54

标签: javascript forms angular

我有一个FORM的主要组件,并有三个组件

现在在主要表单中我有提交按钮,我想用它将所有部分数据提交给服务?

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

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

谢谢

----------------------下面的初步问题---------------------- -

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

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

我应该如何设计我的表格?

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

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

表单加载;运行业务逻辑检查以查找需要在视图和编辑模式中呈现的部分,并且业务逻辑具有单独的组件,该组件将检查加载的部分以及在什么模式下

请建议应用程序设计。

1 个答案:

答案 0 :(得分:0)

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

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

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

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

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

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

路由组件,根据传入的参数/数据确定的业务逻辑呈现父A或B. 此外,您可能希望使用属性指令来添加表单元素的功能。例如一个属性指令,用于将输入转换为datepicker。