angularjs - ng-repeat Angularjs 中的 $rootScope 变量

Question

我有两个不同的表格模板。我在第一个表中使用 ng-show='template == 1' 指令和在第二个表中使用 ng-show='template == 2' 来保持表的可见性。我在控制器上将模板设置为 1 或 2。我在两个表中将行构建为 ng-repeat = "det in $root.tradedetails" 并将 json 从控制器分配给 tradedetails。我可以为两个表模板使用相同的 rootscope 变量 $root.tradedetails 吗？例如，如果我想迭代第一个表，我将设置模板 = 1 并将详细信息分配给 $root.tradedetails。它会自动将第二个表格的显示设置为无。我想知道第二个表中的 ng-repeat 是否遍历 $root.tradedetails。

Answer 1

简单的答案是肯定的——你可以让多个 ng-repeats 迭代同一个集合。

ng-show 所做的只是将 ng-hide 的 css 类添加到 ng-show 表达式的结果为 false 的元素中。这隐藏了元素，但它仍然存在于 DOM 中。

因此，通过您描述的设置，您将在 DOM 中拥有两个表，两者都包含来自 $rootscope.tradedetails 的内容，并且它们将根据 $scope.template 的值显示/隐藏。