TreeView с плоской структурой <li>

Я создаю повторно используемый компонент TreeView в AngularJS, который принимает следующий объект в качестве входных данных,

[
    {
        label: "1",
        children: [{
                label: "1.1",
                children: [{
                    label: "1.1.1",
                }]
            },
            {
                label: "1.2",
            }
        ]
    },
    {
        label: "2
    }
]

И для этого должен отобразить TreeView. По ряду причин я хочу, чтобы сгенерированная структура HTML состояла из плоской 'li'

Например.

<ul>
    <li> 1 </li>
    <li> 1.1 </li>
    <li> 1.1.1 </li>
    <li> 1.2 </li>
    <li> 2 </li>
</ul>

Другие требования:

• Никакого программного выравнивания структуры. Это должно быть просто умная директива.
• Должен идти на любой уровень

Вот jsFiddle, с которым можно поиграть. Пока могу отрендерить только первый уровень. Спасибо!