2017-05-31 69 views
0

我有一個特別的問題:AngularJS NG-重複:如何對象的屬性陣列上重複而迭代對象數組

我有了這個對象在我的範圍數組:

Object[0] { 
    configured: true, 
    configuration: { 
    Object[0] { 
     qty1: 1, 
     qty2: 2 
    } 
    Object[1] { 
     qty1: 3, 
     qty2: 4 
    } 
    } 
}, 
Object[1] { 
    configured: true, 
    configuration: { 
    Object[0] { 
     qty1: 5, 
     qty2: 6 
    } 
    Object[1] { 
     qty1: 7, 
     qty2: 8 
    } 
    } 
} 

現在,我正在使用ng-repeat指令來顯示錶格中的對象,但我需要在每個td中顯示qty值。結果必須是這樣的:

<tr> 
    <td>1</td> 
    <td>2</td> 
<tr> 
<tr> 
    <td>3</td> 
    <td>4</td> 
<tr> 
<tr> 
    <td>5</td> 
    <td>6</td> 
<tr> 

我不知道是否有沒有這樣做只用角指令(不使用填充數量值的臨時數組)的方法嗎?

非常感謝, 祝你有美好的一天! :)

回答

2

在內部對象只是想迭代

controller.js

$scope.getValues = function(configuration) { 
    var values = []; 
    configuration.forEach(function(c) { 
     values = values.concat(Object.values(c)); 
    }); 
    return values 
} 

模板

<tr ng-repeat="x in array| filter: {configured: true}"> 
    <td ng-repeat="val in getValues(x.configuration)" ng-bind="::val"></td> 
</tr> 
+0

bugs_cena嗨, 非常感謝你的回答。好吧,哇,所以我可以嵌套重複... 而如果我想這樣的結果呢? 這不能用ng-repeat嵌套來實現,對吧? \t​​1 \t​​2 \t​​3 \t​​4 \t​​5 \t​​6 謝謝! :D – GermaN

+0

是的,你不能使用嵌套的重複 - 也可能不需要。你只需要創建一個變量來保存需要渲染的扁平值。 –

+0

清除!謝謝你,朋友! – GermaN

相關問題