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

时间:2013-02-04 07:57:45

标签: javascript arrays object angularjs ng-repeat

js`我想将一个数组重复到一个列表中

从此: 这是在服务中:

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

从Controller调用Object:

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

我不知道,我怎么能在数组中重复一个数组。 响应是一个数组。在响应中有x个图像。 1篇文章可以有很多图片。

有人可以帮帮我吗?

2 个答案:

答案 0 :(得分: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/

答案 1 :(得分: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>