Я использую AngularJS и пытаюсь использовать ng-repeat или тому подобное, чтобы взять многомерный массив и поместить его в DOM в виде многоуровневого списка.

From This:

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

To This:

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

Я не смог найти что-либо в документации Angular JS, и поиск в Интернете оказался безрезультатным. Я знаю, что могу справиться с чем-то подобным с помощью обычного Javascript или PHP, но я бы хотел использовать некоторые вещи Angular JS, такие как ng-repeat.

Любой вклад приветствуется.

Спасибо!