Angular HTML+；Ionic 3.x：如何在html文件中使用for循环，使用in代替of

我的typescript文件中有几个对象数组

我想同时遍历这些数组，并在html文件中显示它们的内容。内容如下:

<ion-item>
  {{array1[i]}} {{array2[i]}} {{array3[i]}}
</ion-item>

{{array1[i]}{{array2[i]}{{array3[i]}

幸运的是，数组的大小总是相同的。现在我想在ion项之后做一个for循环（如下所示）：

{{array1[i]}{{array2[i]}{{array3[i]}

但这样做会给我一个错误：“无法绑定'ngForIn'，因为它不是'ion item'的已知属性。现在我找到了以下解决方法，但它看起来相当丑陋

<ion-item *ngFor="let counter of array1; let i = index">
  {{array1[i]}} {{array2[i]}} {{array3[i]}}
</ion-item>

{{array1[i]}{{array2[i]}{{array3[i]}

关于如何更有效/更漂亮地完成此任务的任何建议都将不胜感激：）

---

谢谢！

你最后一个是最好的，但这里有另一个方法

TS

for（设i=0；i

HTML

{{item.a1}}{{item.a1}}{{{item.a1}}

这很简单

    <ul>
    <li *ngFor="let item of array1">{{item.property}}<li>
    <ul>
   <ul>
    <li *ngFor="let item of array2">{{item.property}}<li>
    <ul>
   <ul>
    <li *ngFor="let item of array3">{{item.property}}<li>
   <ul>

{{item.property}}



{{item.property}}



{{item.property}}

这是foreach循环的一个例子，而不是for循环。

for(let i=0; i < n; i++){ // n is array.length
   this.globalArray.push({ a1 : array1[i] , a2 : array2[i] , a3 : array3[i] });
}

<ion-item *ngFor="let item of globalArray;">
  {{item.a1}} {{item.a1}} {{item.a1}}
</ion-item>

    <ul>
    <li *ngFor="let item of array1">{{item.property}}<li>
    <ul>
   <ul>
    <li *ngFor="let item of array2">{{item.property}}<li>
    <ul>
   <ul>
    <li *ngFor="let item of array3">{{item.property}}<li>
   <ul>