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-重复

回答

相关问题