AngularJS - 我需要大量的API吗？

Question

我想知道我的角度应用程序是否需要大量的API。这是一个广泛的声明，所以让我解释一下。

让我们说在我的页面上我有三个选择（下拉列表）。

水果，蔬菜，农产品

他们都有自己的数据，

水果（ID，名称，进口商订单号，进口商名称）。

蔬菜（身份证，姓名，经销商ID）。

生产（ID，名称，制造商名称）。

因此，如果我想填充这些select语句中的每一个，我是否必须进行3个单独的API调用？或者我应该进行1次API调用返回其中的每一项？是否可以进行1次API调用以返回所有这些数据？

如果是这样，有没有一个简单的例子？

我想知道什么是最佳做法......

谢谢！

Answer 1

这完全取决于您的后端脚本。如果您使用Angularjs，jQuery或普通XHR，则无关紧要。

例如，我经常使用PHP。当我想减少API调用的总数时，我编写了我的PHP脚本，它返回一个包含多个＆＃39;列的单个JSON对象。数据。

Answer 2

Angular是一个框架，可让您为Web浏览器创建富客户端应用程序。

当您从现有框架（如Angular）向服务器发出请求时，您通常会执行以下两项操作之一：

1. 请求静态资源，例如html模板（部分），图像，css，js等。
2. 请求通常作为REST请求准备的数据，通常返回JSON或XML格式的字符串。这与当今大多数常见Web应用程序的典型AJAX请求没有什么不同。 Angular确实提供了获取HTTP客户端的服务，但它无论如何都不是专有的。

您的问题涉及REST API的设计，与Angular框架无关。

说到这里，有很多关于REST最佳实践的教程。在设计REST服务时，这里有一篇关于what to avoid的文章。

Answer 3

答案取决于您想要实现的目标，如果您想要一个完整的动态Ajax应用程序，答案是肯定的。

回到您的问题和场景，如果HTML元素上的数据在参加应用程序时需要动态更改，那么您需要为每个元素单独调用。如果HTML元素上的数据不需要动态更改，那么您可以将数据放入单个主模型中，并将主模型的子对象绑定到所需的HTML元素。

例如，单个Select HTML元素不需要动态更改，但由于后端的大型数据库调用和过滤过程，自动完成选择的组件可能需要独立调用。