title: *ngFor with multiple arrays
body: <p>I have an object data which contains 2 arrays(photo and comments come from server) and I'd like to show them with *ngFor but ngFor shows only array types.</p>
  
  <p>Here is my <strong>Ts</strong> file:</p>
  
  <pre class="lang-ts prettyprint-override"><code>this.comments=[];
  // ...
    .subscribe((data) =&gt; {
      this.comments= data.comments;
      console.log("data: ", data);
      this.commentPhoto = data.Photo; 
      // I don't want to create another array 
      // I want to make commentPhoto and comments array in 1 Array to show them.
  </code></pre>
  
  <p><strong>HMTL</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;ion-row *ngFor="let cm of comments"&gt;
  
    &lt;ion-col col-2 style="border:1px solid grey;"&gt;
      &lt;img src="{{cm.photo}}" style="width:45px;height:45px;"&gt;
    &lt;/ion-col&gt;
  
    &lt;ion-col col-10 style="border:1px solid grey;"&gt;
      {{cm}}
    &lt;/ion-col&gt;
  &lt;/ion-row&gt;
  </code></pre>
  
  <p>How can I do it in 1 array
  data photo 
  <a href="https://i.stack.imgur.com/zZtcD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zZtcD.png" alt="enter image description here"></a>
  Thank you.</p>