Angular 4 Nested *ngFor not working : <p>i am getting data from rest API, 1 Level data is repeating good but Children are not working. Somebody help me please.</p>

<pre><code>&lt;div *ngFor="let item of list"&gt;
&lt;div class="isolate"&gt;       
    &lt;div class="info-box"&gt;
        &lt;span class="info-box-text"&gt;{{item.Name}}&lt;/span&gt;
        &lt;div&gt;{{item.Stores.length}}&lt;/div&gt;
    &lt;/div&gt;

    &lt;div *ngIf="item.HasChildren"&gt; 
        &lt;div *ngFor="let child of list"&gt;
            &lt;div class="info-box"&gt;
                 &lt;span class="info-box-text"&gt;{{child.Children.Name}}&lt;/span&gt;
            &lt;/div&gt;
         &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p></p>
