javascript – Angular md-virtual-repeat指令正在搞乱项目顺序

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Angular md-virtual-repeat指令正在搞乱项目顺序，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1269字，纯文字阅读大概需要2分钟。

内容图文

我正在使用Angular Material md-virtual-repeat指令来提高md-list中数千个项目的性能.

但是,当我向下滚动然后向上滚动时,根本不会保留顺序.一开始,我的项目按日期排序,没关系.当我开始滚动时,排序完全搞砸了.

这是我的标记：

<md-virtual-repeat-container class="flex flex-layout md-list indigo" ng-if="tracking.loaded">
     <div md-virtual-repeat="marker in tracking.mapMarkers | orderBy: 'timestamp':true" class="md-list-item inset" style="height: 72.6px;">
         <div class="md-list-item-content">
              <h3 class="text-md">{{ ::marker.timestamp | time }}</h3>
         </div>
     </div>
</md-virtual-repeat-container>

而我的控制器：

self.mapMarkers = [];

...
// In a function which is called within a promise
_.each(_.without(_.reject(data.Positions, function(position){ return position.Id === currentPosition.Id; })), function (pos) {
     var location = new google.maps.LatLng(pos.Latitude, pos.Longitude);
     self.mapMarkers.push(new google.maps.Marker({
         icon: {
              url: "https://maps.gstatic.com/intl/en_us/mapfiles/markers2/measle_blue.png",
              size: new google.maps.Size(12, 12),
              anchor: new google.maps.Point(4, 4)
         },
         position: location,
         address: pos.Address,
         timestamp: pos.Timestamp,
         map: self.map
     }));
});

解决方法:

我解决了我的问题.如果使用单向绑定,则md-virtual-repeat似乎无法正确回收项目(请注意我的标记中的my :: syntax).毕竟看起来很明显.

内容总结

以上是互联网集市为您收集整理的javascript – Angular md-virtual-repeat指令正在搞乱项目顺序全部内容，希望文章能够帮你解决javascript – Angular md-virtual-repeat指令正在搞乱项目顺序所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端