2013-02-04 27 views
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> 

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

有人可以帮我吗?

回答

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

,并在下面的模板

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

HTML中使用工作小提琴 http://jsfiddle.net/jw5Qf/1/

+0

没有必要添加空数组。至少从1.0.4开始,如果源数组未定义,那么ng-repeat将不会执行 –

+0

这不起作用:S – user2038879

+0

http://jsfiddle.net/jw5Qf/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>