在 FormArray 中的相应输入旁边显示来自异步管道的值

Display value from async pipe next to corresponding input in FormArray

我需要在“x”名员工的相应员工编号旁边显示员工姓名。

父表格将提供所需的员工总数。

输入每个员工编号后,http get 将获取相应的员工姓名。
然后,如果需要另一名员工,将显示下一个员工编号的输入。

这是一个 Angular 响应式表单,每个员工 id/name 组合都是 FormArray 的一部分。

异步管道用于提取员工姓名。 当输入 1 作为第一个员工的 ID 时,将显示正确的姓名。 问题是,当输入 2 作为下一位员工的 ID 时,两个名字都会更改为新名字。

无法通过解析FormArray 来解决。如果那不可能,以某种方式组合返回的可观察对象并将名称解析到正确的字段中会更好吗?

这是一个显示问题的 stackblitz。

https://stackblitz.com/edit/angular-ivy-dr9jjy

observable employeeName$ 仅包含一个名称。 可观察到的 employeeName$ 被复制为 ngFor 循环数。