javascript - 优化 ng-repeat 次数 |angularJS

Question

我想根据给定的预定义级别(从级别 1 到级别 6)分离代码中的所有内容，现在我的 JSON 读取

$scope.myJson=[{
  id: 1,
  level: 1,
  name: "any name"
},
{
  id: 2,
  level: 2,
  name: "any name"
},
{
  id: 3,
  level: 2,
  name: "any name"
}....]

现在在我的 HTML 中我写了类似的东西

<div>level 1
  <div ng-repeat="prod in myJson"  ng-if="prod.level==1">{{prod.name}}
  </div>
</div>
<div>level 2
  <div ng-repeat="prod in myJson"  ng-if="prod.level==2">{{prod.name}}
  </div>
</div>

等等，我只想使用一个 ng-repeat 根据级别过滤 HTML 中的所有结果，因为结果数以千计，应用程序需要太多时间来响应

Answer 1

您可以在 ng Repeat 中尝试使用 switch case，例如:

<div ng-repeat="prod in myJson">
   <div ng-switch-on = "prod.level">
        <div ng-switch-when="1">
             Level 1 {{prod.name}}
        </div>
        <div ng-switch-when="2">
             Level 2 {{prod.name}}
        </div>
        <div ng-switch-default>
             Another level {{prod.name}}
        </div>
  </div>
</div>

因此您只需对数据进行一次运行。