Estoy usando AngularJS y tratando de usar ng-repeat o similar para tomar una matriz multidimensional y colocarla en el DOM como una lista de varios niveles.

De esto:

    var menuOptions = [
        ["Page One"],
        ["Page Two"],
        ["Page Three"],
        ["Page Four", ["Sub-Page 1", "Sub-Page 2", "Sub-Page 3"] ],
        ["Page Five"]
    ];

A esto:

   <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>

No pude encontrar nada en la Documentación de Angular JS y una búsqueda en la web fue en vano. Soy consciente de que puedo manejar algo como esto con Javascript o PHP, pero me gustaría utilizar algo de Angular JS como ng-repeat.

Cualquier entrada es apreciada.

¡Gracias!