如何将 ng-repeat 与 div 标签一起使用，其中 div 包含多个不同的标签答案

【问题标题】：How to use ng-repeat with div tag, where div contain multiple different tags如何将 ng-repeat 与 div 标签一起使用，其中 div 包含多个不同的标签
【发布时间】：2016-10-28 13:16:07
【问题描述】：

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

 Tab1     Tab2     Tab3
Dropdown1    Dropdown2    Dropdown3    Dropdown4

默认应该显示Tab1的表格，并且onClick Tab2或Tab3，无论在Dropdown1，Dropdown2，Dropdown3和Dropdown4中选择的任何值都将显示具有不同条目的相同表格，因为表格和下拉菜单的结构相同，如何使用 ng-repeat 来实现相同的目的。 similar to this 当此页面第一次加载时，它应该显示第一个选项卡的表格，并且在 dropdown1 中它应该使用范围变量从某个不同的页面获取值。我在没有使用 ng-repeat 的情况下完成了它，任何帮助如何使用 ng-repeat 来完成它？

【问题讨论】：

你能把你的代码贴在这里吗？

标签： javascript html angularjs ng-repeat

【解决方案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"

【讨论】：

谢谢，但我需要重复同一个表，所以表中的表就像 :(？如果我没记错的话，这个 ng-repeat 类似于 foreach 循环。