动态参数面板加载

Question

我是 Angular2 的新手，我一直在实施其中一种情况。

我正在构建一个作业，其中可以包含多个任务。

所以我的第一个组件是创建任务模态表单的 jobcomponent

现在，当我的任务模态表单打开时，它有一个任务类型 select 控件，并且它有多个从 m 服务加载的任务类型：

enter code here

TaskType {
TaskName:Run process
[TaskParameters] : { Name :Batch File Name, InputType:Text ,IsRequired :True }
                   { Name :Batch argument, InputType:Text ,IsRequired :True }
},
TaskType {
TaskName:Send Email
[TaskParameters] : { Name :SMTP, InputType:Text ,IsRequired :True }
                   { Name :RECEPIENTS, InputType:Text ,IsRequired :false}
}

enter code here

因此，根据用户从父 Select 下拉列表中选择的任务类型，我需要根据上述结构动态创建一个参数面板，并且参数的所有属性都根据用户输入值进行更新面板。

一旦用户点击创建任务按钮，用户输入的所有参数值的 TaskObject 将被添加到 NewJob 对象的 Tasks[] 数组中，当用户点击 SaveJob 按钮时，NewJob 对象被提交到服务器端。

任何人都可以帮我设置一个示例代码片段来满足我的要求。

提前致谢---

Answer 1

我已经完成了：我已经完成了 2 个步骤来完成上述任务

1) 在第一个下拉列表中加载所有任务 2）在更改下拉列表时，我进行了过滤并获取了所选任务的所有参数 3）我还制作了一个动态表单组件，其中每个组件都有一个文本框控件，并且 formControlName 是一个动态 id 4) 在更改事件的第 2 步：我已经为 FormGroup 分配了所有动态参数 ID (https://angular.io/guide/dynamic-form) 5) 现在我可以看到所选任务的所有参数都已填充。

在执行此操作时，我面临的挑战是每个文本框控件的标签文本出现延迟 1 秒。

我不确定我哪里做错了，也不知道为什么标签文本在动态表单上的每个文本框控件中显示缓慢。

谁能帮我解决这个问题。

动态参数面板加载

Dynamic Parameter panel load

angular2-forms

angular