13

私は 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 Documentation で何も見つけることができず、Web を検索しても役に立ちませんでした。このようなことはプレーンな 'ol Javascript または PHP で処理できることは承知していますが、ng-repeat などの Angular JS を利用したいと考えています。

どんな入力でも大歓迎です。

ありがとう！

4

2 に答える 2

16

配列を次のようにすると

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>
于 2012-10-02T19:34:26.090 に答える