Angularjs 带(键、值)ng重复语法的角度ui滚动

Angularjs 带(键、值)ng重复语法的角度ui滚动,angularjs,angularjs-ng-repeat,ui-scroll,Angularjs,Angularjs Ng Repeat,Ui Scroll,我正在研究一个我正在渲染的大型表的性能改进,并且遇到了我想尝试的问题 在我的表格中,我在ng repeat上使用key\value访问器,例如: <tr ng-repeat="(key, value) in vm.stopTimes track by key"> <td class="timetable-detail-stop" layout="row" flex layout-align="start center"> {{ vm.expande

我正在研究一个我正在渲染的大型表的性能改进,并且遇到了我想尝试的问题

在我的表格中,我在ng repeat上使用key\value访问器,例如:

<tr ng-repeat="(key, value) in vm.stopTimes track by key">
    <td class="timetable-detail-stop" layout="row" flex layout-align="start center">
        {{ vm.expandedTimetable.stops[key].name }}
    </td>
    <td ng-repeat="departure in value.times track by $index">
        {{departure.time}}
    </td>
</tr>

{{vm.expandedTimetable.stops[key].name}
{{出发时间}
我可以使用ng repeat with ui scroll支持的键\值语法吗?我不太确定我是否能看完这些文件

是否有人使用键控对象\字典来执行此操作


谢谢

如果我们谈论的是表行虚拟化,那么它可能看起来像

<div style="height: 500px; overflow: auto;" ui-scroll-viewport>
  <table>
    <tr ui-scroll="item in vm.datasource">
      <td class="timetable-detail-stop">
        {{ vm.expandedTimetable.stops[item.key].name }}
      </td>
      <td ng-repeat="departure in item.value.times track by $index">
        {{departure.time}}
      </td>
    </tr>
  </table>
</div>
在这里,我假设我们可以通过索引获得
stopTimes
键。。。
getStopTimeKeyByIndex
方法的最简单实现可能是

this.getStopTimeKeyByIndex = (index) => Object.keys(this.stopTimes)[index];

vm.stopTimes
看起来像什么?通常
(key,value)
与2
ng repeat
一起使用,其中一个在外部(如果是一个对象数组)或内部(如果是一个带有数组的对象,这将是您的
值)
)@AlekseySolovey-请参阅我的更新问题和我的2个ng repeats
this.getStopTimeKeyByIndex = (index) => Object.keys(this.stopTimes)[index];