javascript - 如何使用公司自己的 API 从 Angular JS 应用程序获取数据？

Question

我正在为一家使用 Angular JS 的 CRUD 应用程序进行前端开发。他们希望我构建 View 并使用他们的 API 获取数据。 (我从来没有这样做过)

他告诉我获取数据的语法是这样的(这只是一个例子):

var getItems = function () {
        return $http
            .get('/api/1/items/available')
            .success(function (data, status, headers, config) {
                $scope.items = data.items;
            })
            .error(function (data, status, headers, config) {
                messageCenterService.add('danger', 'Unable to get the available Tickets and Passes.');
            });
    };

然后他说:

when you return the $http function, you can use it like:
getItems().then(... callback success, callback error...)
or move success() also
getItems().success(...).then(...)

有人可以帮助我了解这里发生的情况，或者指导我找到有关 API 和 Angular 的优秀教程吗？我在整个网络上查找此内容，但找不到任何与此类似的内容。

Answer 1

来自文档:

” $http 服务是一个函数，它采用单个参数(配置对象)，用于生成 HTTP 请求并返回带有两个 $http 特定方法的 promise :成功和错误。 ... 由于调用 $http 函数的返回值是一个 Promise，因此您还可以使用 then 方法来注册回调，并且这些回调将接收一个参数 - 一个表示响应的对象。 ”

$http.get是执行GET请求的快捷方法。

当您调用 $http.get('/api/1/items/available') 时，您正在向“/api/1/items/available”发出 GET 请求。 由于请求是异步的，因此您必须定义一个回调函数来操作结果，并且回调函数由 $http 调用返回的 Promise 的 'success' 和 'then' 方法注册。 'error' 方法用于注册错误回调。

如果您使用 REST api，则可以使用 Resource angular module .