Angular:数据重用原则与进行服务器调用

Angular: data reuse priniciples vs making server calls

我正在努力使用 Angular 和 Web Api 找出一些数据重用原则。

让我们举个例子。我正在创建一个 CRUD 表单的管理网站。

Objects: Specializations (parent) Name (string, child of specialization) Description (string, , child of specialization) Requirements(collection, child of specialization) Challenges(collection, child of specialization) ChallengeName (string, child of Challenges) StartDate(Date, child of Challenges) Activities(collection, child of Challenges)

在主页上,我将调用 GetAllSpecializations 并列出它们。在此页面上,您可能有 3 个与该专业相关的挑战。

我将select其中一项挑战以获取有关该挑战的详细信息。此时我会查询在初始 GetAllSpecializations 服务调用中创建的客户端对象吗?或者我需要单独调用 GetSpecialization(id) API 调用。

后者是一种典型的做事方式,但我认为在 CRUD 视图中可能会发生一些数据重用,而无需调用来获取每个视图的所有详细信息。

感谢您对最佳做法的任何说明。

这完全取决于您在初始调用中的数据大小。如果它是静态的,不超过几个 KB,并且您不担心初始响应时间,则可以获取所有记录并将其存储在范围内。 然后你可以根据需要 show/hide 数据。

由于响应数据较少,为每个单独项目调用服务当然会很快,但它会增加服务调用次数,从而增加网络流量。

第一种方法总是好的,尽管它在页面加载上花费的时间稍长,但后续请求会立即得到处理。