如何通过angular中的for循环将多个数据添加到formBuilder.group？

Question

我创建了一个 angular 反应形式。 当表单被加载时，来自端点的数据将被过滤并设置到表单字段中。 因此，过滤数据的 id 设置为以下formBuilder group 。 数据被正确过滤到robotList。 当this.automationData.emp_context的长度为 2 时， empContext中的以下 tool-id 的 id 设置不正确。 每次当一个数据集不是一个而是多个时，id都没有正确设置为empContext 。 我知道问题在于过滤tool_id的逻辑。 如何过滤多个数组 object 并将数据设置为正确的表单生成器？

过滤的示例数据集

 var robotList = [
    {
        "id": "32EF43FF-8451-4ED9",
        "url": "www.testOpenApi.xyz",
        "username": "admin01",
        "tool_name": "user_test13"
    },
    {
        "id": "50E35C98-E2C7-47B6",
        "url": "www.testOpenApi.xyz",
        "username": "admin02",
        "tool_name": "user_test19"
    },
    {
        "id": "A1D0D375-7257-47F5",
        "url": "www.testOpenApi.xyz",
        "username": "admin03",
        "tool_name": "user.test21b"
    },
]

var robotList = [
    {
        "id": "32EF43FF-8451-88SD",
        "url": "www.testOpenApi.xyz",
        "username": "admin01",
        "tool_name": "user_test13"
    },
    {
        "id": "50E35C98-E2C7-56FG",
        "url": "www.testOpenApi.xyz",
        "username": "admin02",
        "tool_name": "user_test19"
    },
    {
        "id": "A1D0D375-hfdj-1234",
        "url": "www.testOpenApi.xyz",
        "username": "admin03",
        "tool_name": "user.test21b"
    },
    {
        "id": "GH8D0D375-G766-1234",
        "url": "www.testOpenApi.xyz",
        "username": "admin03",
        "tool_name": "user.test21b"
    }
]

来自端点的数据

this.this.automationData.emp_context = [
    {
        "device_name": "USAM2",
        "username": "Joshep bishop",
        "dynamic_test": false,
        "tool_name": "rdp.user_test19"
    }, 0 index
    {
        "device_name": "0NKA4BD",
        "username": "John Kalis",
        "dynamic_test": false,
        "tool_name": "robotaug11a"
    } 1st index
]

private async fetchDetails(): Promise < void > {
      // Handle more async operations (fetch data and set)

      for (let i = 0; i < this.automationData.emp_context.length; i++) {
         const empContext = this.createJobForm.get('emp_context') as FormArray;

         this.robotList = // Filtered array of objects as mentioned above is set here

            const tool_id = this.robotList.find(robot => robot.tool_name === this.automationData.emp_context[i].tool_name)?.id

               // More code

               empContext.insert(0, this.formBuilder.group({
                  dynamic_test: [this.isTrue ? true : false],
                  tool_id: [tool_id] // Only the robot id of index 1 is always set correctly
               }))
            }
      }