Angular2 UL/LI JSON-tree recursive in ngFor : <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>
