Usando o AngularJS para transformar um array multidimensional em uma lista multi-nível
Eu estou usando AngularJS e tentando usar ng-repeat ou algo parecido para pegar uma matriz multidimensional e colocá-la no DOM como uma lista de vários níveis.
A partir disso:
var menuOptions = [
["Page One"],
["Page Two"],
["Page Three"],
["Page Four", ["Sub-Page 1", "Sub-Page 2", "Sub-Page 3"] ],
["Page Five"]
];
Para isso:
<ul>
<li>Page One</li>
<li>Page Two</li>
<li>Page Three</li>
<li>Page Four
<ul>
<li>Sub-Page 1</li>
<li>Sub-Page 2</li>
<li>Sub-Page 3</li>
</ul>
</li>
<li>Page Five</li>
</ul>
Não consegui encontrar nada na documentação do Angular JS e a pesquisa na Web não adiantou. Estou ciente de que posso lidar com algo parecido com o Javascript simples, ou PHP, mas gostaria de utilizar algumas coisas Angular JS como ng-repeat.
Qualquer entrada é apreciada.
Obrigado!