2013-02-04 95 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>