title: HTML + Ionic 3.x: How to use a for loop in the html file using in instead of of
body: <p>I have several arrays of objects in my typescript file.</p>
  
  <p>I want to iterate through these arrays simultaneously and display their contents in the html file. Here is the content:</p>
  
  <pre><code>&lt;ion-item&gt;
    {{array1[i]}} {{array2[i]}} {{array3[i]}}
  &lt;/ion-item&gt;
  </code></pre>
  
  <p>Luckily the arrays are always the same size. Now I want to do a for-loop after the ion-item (something like this):</p>
  
  <pre><code>&lt;ion-item *ngFor="let i in array1"&gt;
    {{array1[i]}} {{array2[i]}} {{array3[i]}}
  &lt;/ion-item&gt;
  </code></pre>
  
  <p>But doing it this way gives me an error: "Can't bind 'ngForIn' since it isn't a known property of 'ion-item'. Now I've found the following workaround, but it seems pretty ugly.</p>
  
  <pre><code>&lt;ion-item *ngFor="let counter of array1; let i = index"&gt;
    {{array1[i]}} {{array2[i]}} {{array3[i]}}
  &lt;/ion-item&gt;
  </code></pre>
  
  <p>Any advice on how to do this more efficiently / pretty would be highly appreciated :)</p>
  
  <p>Thank you!</p>