title: how to push array in array in angular?
body: <p>Here I put all consoles and code below. I want to push array inside array, ex. in imagesArray has 3 arrays and now I push result array which has 2 arrays so first array is pushed properly in imagesArray but last array shows undefined and not pushed and gives error like imageArray undefined so how to push that? (I put consoles and codes below) </p>
  
  <p>Before push object console<code>imagesArray</code></p>
  
  <p><a href="https://i.stack.imgur.com/M1Vfx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/M1Vfx.png" alt="enter image description here"></a></p>
  
  <p>result that i want to push <code>result</code></p>
  
  <p><a href="https://i.stack.imgur.com/e2d50.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/e2d50.png" alt="enter image description here"></a></p>
  
  <p>after pushing console is like this</p>
  
  <p><a href="https://i.stack.imgur.com/SpzyM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SpzyM.png" alt="enter image description here"></a></p>
  
  <p>add-folder.component.ts</p>
  
  <pre><code>imagesArray : UploadedImages[] = [];
  
  dialogRef.afterClosed().subscribe(result =&gt; {
    if(result != '' &amp;&amp; result != undefined &amp;&amp; result != null){
      for(var i = 1; i &lt;= result.length ; i++){
        this.imagesArray.push(result[i]);
      }
    } 
  });
  </code></pre>
  
  <p>add-folder.component.html</p>
  
  <pre><code>&lt;div&gt;
    &lt;mat-card *ngFor="let images of imagesArray" style="height : 100px;width : 100px"&gt;
      &lt;b&gt;{{images.imageName}}&lt;/b&gt; 
      &lt;b&gt;{{images.filesize}}&lt;/b&gt;
    &lt;/mat-card&gt;
  &lt;/div&gt;
  </code></pre>