title: Angular2 UL/LI JSON-tree recursive in ngFor
body: <p>I'd like to convert JSON-trees into unordered lists in Angular2. I know the recursive directive solution from Angular1 and I am pretty sure the solution in Angular2 will be recursive too.</p>
  
  <pre><code>    [
          {name:"parent1", subnodes:[]},
          {name:"parent2", 
              subnodes:[
                      {name:"parent2_child1", subnodes:[]}
                   ],
          {name:"parent3", 
              subnodes:[
                      {name:"parent3_child1", 
                          subnodes:[
                                  {name:"parent3_child1_child1", subnodes:[]}
                               ]
                      }
                   ]
          }
      ]
  </code></pre>
  
  <p>to this unordered list</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;parent1&lt;/li&gt;
      &lt;li&gt;parent2
          &lt;ul&gt;
              &lt;li&gt;parent2_child1&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;parent3
          &lt;ul&gt;
              &lt;li&gt;parent3_child1
                  &lt;ul&gt;
                      &lt;li&gt;parent3_child1_child1&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>using <strong>Angular2</strong> and ngFor. Anyone got an idea?  </p>