angularjs - Angularjs 性能

Question

我有一个项目需要良好的性能并显示大量记录。

我的数据结构：

• 服务器（每页 +- 15 个）
  • 网站（每台服务器 +- 20 个）
    • 使用您的 STATUS 登录的用户（每个网站 +- 500）

我的对象和控制器的最佳方法是什么？

1. 一个控制器和一个嵌套对象。

   ServerCtrl -> $scope.Server[0].Websites[0].Users

2. 一个控制器，三个列表

   ServerCtrl -> $scope.Servers; $scope.网站；$scope.Users

3. 具有三个分离列表的三个控制器

   ServerCtrl -> $scope.Servers

   网站Ctrl -> $scope.Websites

   UserCtrl -> $scope.Users

谢谢！

Answer 1

这完全取决于您如何处理控制器中的数据。

1. 如果您需要访问特定服务器的所有数据。然后你需要数据到数据里面的数据。但它有很多数据，所以可能只在当时或页面读取一台服务器？
2. 相反，我当时只会阅读一项服务。但这一切都取决于你想做什么。服务器，网站和用户是否没有相互连接，那么很好。
3. 这种方法有效。在服务器视图中，您可以拥有带有控制器的网站视图，在网站视图中，您可以拥有用户控制器。这是组织数据的好方法。但是数据量意味着您可能需要某种分页。

Answer 2

性能取决于您如何操作数据。因此，您可以使用 AngularJS Batarang（Chrome 扩展程序）并检查页面中的 os watcher 数量，并应用一些方法来减少此数量并为您的应用程序提供更高的性能。小心大列表和双向数据绑定，过滤器......它们是性能的恶棍。