很高效地使用AngularJS和ng-repeat更新列表

Question

讓我們假設我有一個使用ng-repeat從$scope.items呈現的項目列表。此列表相當大，並定期更新，但一次只更新單個項目，例如。 12更新項目2，然後2更新項目359，然後89更新項目1071等。

據我所知，更新$scope.items列表中的單個項目將導致AngularJS重新列出完整列表，即使大多數項目根本沒有改變。這似乎是一件毫無意義的事情，並且可以以更有效的方式處理。我可以使用像jquery這樣的工具並自己更新DOM，但這似乎大大地挫敗了AngularJS的重要性。 AngularJS有什麼方法可以更新ng-repeat生成的模型中的單個列表元素？

Answer 1

這將取決於您如何設置綁定和更新。如果你有一個大的列表，做一個更新，發送到服務器，並用服務器返回來替換整個列表，是的，你將重新渲染。但是，如果您只是更新需要更新的一條信息，請將該原子信息發送給服務器，沒有理由重新呈現整個數據集。

如果您擔心或真的想要一次在屏幕上放置10,000個項目，請爲這些行設置查看模式和編輯模式。您可以使用單向綁定（https://github.com/abourget/abourget-angular）來呈現只讀版本，並且在編輯模式下時，使用雙向綁定顯示錶單。這將顯着增加您可以在任何給定時間在屏幕上顯示的項目數量，同時仍然允許您編輯每個項目。

Answer 2

對於像我這樣登陸這個主題的人。 查看ngRepeat指令增加的'track by'。

http://www.bennadel.com/blog/2556-using-track-by-with-ngrepeat-in-angularjs-1-2.htm https://docs.angularjs.org/api/ng/directive/ngRepeat

歡呼