2014-01-16 113 views
6

JSFiddle訪問使用NG-重複嵌套陣列中angularjs

我無法訪問嵌套集合中的陣列圖像。爲什麼我無法看到任何輸出?

型號:

var obj = [{ 
    "id": "7", 
    "date": "1 Jan", 
    "images": ["507f42c682882", "507e24b47ffdb", "507e2aeca02d5", "507e2b19663a9"] 
}, { 
    "id": "7", 
    "date": "1 Jan", 
    "images": ["507f42c682882", "507e24b47ffdb", "507e2aeca02d5", "507e2b19663a9"] 
}]; 

這是HTML與NG-重複:

<ul> 
    <li ng-repeat="img in item"> 
     <br /> 
     <li ng-repeat="img1 in img.images">{{img1}}</li> 
    </li> 
</ul> 

任何人都可以指出我我缺少什麼嗎?

回答

10

問題是您試圖在li元素內部重複列表li元素,這是無效的HTML元素。因此,角度不會造成這種情況。

更新您的HTML:

<ul> 
    <li ng-repeat="img in item"> 
     <ul> 
      <li ng-repeat="img1 in img.images">{{img1}}</li> 
     </ul> 
    </li> 
</ul> 
+2

當然如果妳不想讓你擰嵌套ULS – Sam

+1

你需要找到另一種方法,如果你想呈現一個平面列表,這是事實。通過更改您的HTML結構或通過展平輸入數組 – thomaux