Древовидная структура с parent в angular

Есть такой json:

{
{
id: "1",
name: "cat1",
parentId: "null"
}
{
id: "2",
name: "cat2",
parentId: "1"
}

{
id: "3",
name: "cat3",
parentId: "2"
}
}
...

И html что-то вроде такого:

<li ng-repeat="...">
...
<li class="child">...</li>...
</li>

Собственно, нужно как-то это все выводить в древовидную структуру(вложенные категории). У меня из вариантов только генерировать готовый html и вставлять его туда. Может можно обойтись без этих костелей? кто что подскажет?