title: Tree with recursive template exceeding call stack
body: <p>Using <a href="https://gist.github.com/arniebradfo/5cf89c362cc216df6fc1d9ca4d536b72" rel="nofollow noreferrer">this gist</a>, I can display a tree without issue..</p>
  
  <p><a href="https://i.stack.imgur.com/yUNyw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yUNyw.png" alt="enter image description here"></a></p>
  
  <p>I would like to treat the first level a little differently and display it like so:</p>
  
  <p><a href="https://i.stack.imgur.com/Wg7JG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Wg7JG.png" alt="enter image description here"></a></p>
  
  <p>I have tried a few different variation but I keep exceeding the call stack, example ts here:</p>
  
  <pre><code>&lt;h1&gt;Angular 2 Recursive List&lt;/h1&gt;
  &lt;ul&gt;
  
      &lt;li *ngFor="let item of list"&gt;
        {{item.title}} - LEVEL 0
        &lt;ul *ngIf="item.children.length &gt; 0"&gt;
  
          &lt;ng-template #recursiveList let-list&gt;
            &lt;li *ngFor="let child of item.children"&gt;
              {{child.title}}
              &lt;ul *ngIf="child.children.length &gt; 0"&gt;
                &lt;ng-container *ngTemplateOutlet="recursiveList; context:{ $implicit: child.children }"&gt;&lt;/ng-container&gt;
              &lt;/ul&gt;
            &lt;/li&gt;
          &lt;/ng-template&gt;
          &lt;ng-container *ngTemplateOutlet="recursiveList; context:{ $implicit: child }"&gt;&lt;/ng-container&gt;
  
  
        &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Error:</p>
  
  <pre><code>preview-d2335ca5bdb955611c1cb.js:1 ERROR RangeError: Maximum call stack size exceeded
      at NgForOf.ngDoCheck (ng_for_of.ts:212)
      at checkAndUpdateDirectiveInline (provider.ts:215)
      at checkAndUpdateNodeInline (view.ts:429)
      at checkAndUpdateNode (view.ts:389)
      at debugCheckAndUpdateNode (services.ts:431)
      at debugCheckDirectivesFn (services.ts:392)
      at Object.eval [as updateDirectives] (AppComponent.html:9)
      at Object.debugUpdateDirectives [as updateDirectives] (services.ts:386)
      at checkAndUpdateView (view.ts:359)
      at callViewAction (view.ts:615)
  </code></pre>
  
  <p><a href="https://stackblitz.com/edit/angular-tcxhhr" rel="nofollow noreferrer">Stackblitz here</a></p>