如何在div标签中使用ng-repeat，其中div包含多个不同的标签

Question

我有几个标签，我正在从应用程序的其他页面读取的标签数量，对于所有这些标签我将显示一个表格，其中将从数据库中填充值。如何使用ng-repeat显示每个选项卡的表，因为列只相同，只有不同的值。

 Tab1     Tab2     Tab3
Dropdown1    Dropdown2    Dropdown3    Dropdown4

通过dafault，它应该显示Tab1的表格，以及onClick Tab2或Tab3，在Dropdown1，Dropdown2，Dropdown3＆amp; Dropdown4将显示不同条目的相同表格，因为表格和下拉列表的结构相同，如何使用ng-repeat实现相同。 similar to this 当第一次加载此页面时，它应该显示第一个选项卡的表，而在dropdown1中，它应该使用范围变量从某个不同的页面获取值。 我没有使用ng-repeat完成它，任何帮助如何使用ng-repeat？

Answer 1

只需在控制器中使用scope.tables并在html文件中使用以下示例代码。

 <div ng-repeat="chart in chartConfigs">
 <div ng-if="x== chartConfigs[6] || x== chartConfigs[7] || x== chartConfigs[12]  ">
         <highchart style="width:400px;height:300px;" id="chart" config="x">
         </highchart>
          </div>
          </div>

我使用此代码显示不同的高级图表。您可以使用ng-repeat =“table in tables”