1

js` で、配列をリストに繰り返したい

これから： これはサービスにあります：

var Response= [
        ["Article One"],
        ["Article Two"],
        ["Article Three"],
        ["Article Images", ["Images 1", "Images 2", "Images 3"] ],
        ["Article Five"]
    ];

コントローラーからオブジェクトを呼び出します。

$scope.Response = function () {
        return ArtikelSucheService.Response;
    };

次のように繰り返したい。

<ul ng-repeat="Article in Response()">
        <li>Article One</li>
        <li>Article Two</li>
        <li>Article Three</li>
        <li>Images 
            <ul ng-repeat="What must stay here?">
                <li>Images 1</li>
                <li>Images 2</li>
                <li>Images 3</li>
            </ul>
        </li>
        <li>Article Five</li>
   </ul>

わかりません。配列内で配列を繰り返すにはどうすればよいですか。レスポンスは配列です。Response には x 個の画像があります。1 つの記事に多くの画像を含めることができます。

誰でも私を助けることができますか？

4

2 に答える 2

0 
var Response1= [
        ["Article One"],
        ["Article Two"],
        ["Article Three"],
        ["Article Images", ["Images 1", "Images 2", "Images 3"] ],
        ["Article Five"]
];

およびテンプレートの下のhtmlで使用

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

ワーキングフィドル http://jsfiddle.net/jw5Qf/1/

于 2013-02-04T09:55:45.500 に答える
0

以下のようなものでしょうか？

<ul>
  <li ng-repeat="Article in Response()">
    {{ Article[0] }}
    <ul ng-show="Article[1]">
      <li ng-repeat="img in Article[1]">{{ img }}</li>
    </ul>
  </li>
</ul>
于 2013-02-04T10:02:21.140 に答える