使用AngularJS将多维数组转换为多级列表

Question

我正在使用AngularJS并尝试使用ng-repeat等来获取多维数组并将其作为多级列表放入DOM中.

由此:

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

对此:

   <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文档中找到任何内容,搜索网络也无济于事.我知道我可以用简单的'ol Javascript或PHP来处理这样的事情,但我想利用一些像ng-repeat这样的Angular JS.

任何输入都表示赞赏.

谢谢!

Answer 1

如果您将阵列转换为以下内容

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

你应该能够做到这一点:

<ul>
  <li ng-repeat='option in menuOptions'>
    {{option[Ø]}}
    <ul>
      <li ng-repeat='suboption in option[1]'>{{suboption}}</li>
    </ul>
  <li>
</ul>