Angular 是否可以在同一元素上执行两个*ngFor指令？

我在一个div中嵌套了一些元素，我有两个服务，每个服务从不同的数组中带来数据

我希望使用其中一个数组的值创建一个元素，并使用另一个数组的值创建第二个元素

为了更好地理解，以下是HTML模板代码：

{{person.locationId.tutenUser.firstName} 我希望使用一个数组中的数据创建img，我在这里没有显示，使用person变量创建h1，但是由于我已经在执行*ngFor=let person of dataArray，我不知道如何编写另一个*ngFor来迭代我的图像数组

如何做到这一点

---

谢谢。

如前所述，最好的方法是将两个阵列组合成一个阵列，并在该阵列上循环

但是如果你真的想这样做，如果两个数组的顺序和长度匹配，你可以使用索引

{{person.locationId.tutenUser.firstName}

---

因此，索引为0的人在imageArray[0]中有其相应的图像。

您应该将它们合并到组件或服务中。将两个数组合并在一个数组中并在其上循环，但我如何才能做到这一点？它们不是本地阵列，而是来自后端服务器