Angularjs：採用NG-重複

複雜的表我有這個範圍變量：Angularjs：採用NG-重複

$scope.item = { 
    "main1": { 
     "proj1": ["comp1", "comp2"], 
     "proj2": ["comp3", "comp4", "comp5"] 
    }, 
    "main2": { 
     "proj3": ["comp1", "comp2"], 
     "proj4": ["comp3", "comp4"], 
     "proj5": ["comp1"] 
    } 
};

而且我想表是這樣的：http://plnkr.co/edit/DWgLUeie3XzNYGx7RxcX?p=preview

我能使用NG重複第一列，但不確定如何將其用於其他列。

來源

2015-11-26 Vimalraj Selvam

你不應該使用'ngRepeat'這裏，寫其它指令可以簡單解壓你的JSON。 –

@vp_arth：找到另一篇文章的解決方案，並將此問題標記爲重複。謝謝你的時間。 –

只是被警告 - 如果你想用這種方式需要更多的關卡/列，所有的將會很難:) –

OK，所以HTML是不低於正確的，但您可以通過以下這種模式

<... ng-repeat="(k1, v1) in item" ...> 
    {{key}} // main1 
    <... ng-repeat="(k2,v2) in v1" ...> 
     {{k2}}  // proj1 
     <... ng-repeat="v3 in v2"...> 
      {{v3}}  // comp1, comp2

來源

2015-11-26 11:46:01

這是我面對的問題。我們必須考慮proj和comp列的rowspans。那是我卡住的地方。如果你可以試試真正的桌子，這將是非常棒的。 –

使用可以使用例如'行跨度= {{v2.length}}' –

Angularjs：採用NG-重複

回答

相關問題