嵌套的ng-repeat包含大量数据

Question

在以下HTML代码中，我使用嵌套的ng-repeat指令

  <ul>
    <li ng-repeat="list in listItems">
      {{list.name}}
      <ul>
        <li ng-repeat="item in list.items">
          {{item.val}}
        </li>
      </ul>
    </li>
  </ul>

输入数据

 $scope.listItems = [
      {name:'name1',items:[{val:'item1'},{val:'item2'},{val:'item3'}]},
      {name:'name2',items:[{val:'item1'},{val:'item2'},{val:'item3'},{val:'item1'},{val:'item2'},{val:'item3'}]},
      {name:'name3',items:[{val:'item1'},{val:'item2'},{val:'item3'},{val:'item1'},{val:'item2'},{val:'item3'},{val:'item1'},{val:'item2'},{val:'item3'}]},
      {name:'name4',items:[{val:'item1'},{val:'item2'},{val:'item3'},{val:'item1'},{val:'item2'},{val:'item3'},{val:'item1'},{val:'item2'},{val:'item3'},{val:'item1'},{val:'item2'},{val:'item3'}]}
      ];

实时，items元素中包含的值的数量超过5000.如果我在IE8中运行它，我将收到脚本超时错误。

如何避免脚本错误？

我想在屏幕上部分显示，但这里有1个项目最少可以包含1个val，最多可以包含10,000个。

请建议任何解决方案。

样本plunker

请为示例plunker

罚款