Question

我是Angular2的新手，我不得不实施其中一个方案。

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

所以我的第一个组件是jobcomponent，它创建了Task Modal Form

现在，当我的任务模式表单打开时，它有一个TaskType选择控件，它有多个从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

因此，根据TaskType用户从父选择下拉列表中选择，我需要根据上述结构动态创建“参数”面板，并根据面板中的用户输入值更新“参数”的所有属性。

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

任何人都可以帮我设置我的要求的示例代码段。

提前致谢---

Answer 1

我已经这样做了：我已完成上述任务的两个步骤

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

在我面临的一个挑战中，每个文本框控件都会出现标签文本，延迟时间为1秒。

我不确定我在哪里犯了一些错误，以及为什么标签文字会慢慢显示在动态表单上的每个文本框控件上。

任何人都可以帮我解决这个问题。

动态参数面板加载

1 个答案: