Angular - 如何向api发出获取请求以检索产品?

时间:2017-03-13 14:21:38

标签: angularjs api get

我想显示产品并需要通过连接到api(使用令牌)来获取请求,以便使用angular来获取产品(显示)。我真的不知道 如何做到这一点,尝试像有角度的文档那样做,但它不起作用。任何帮助,将不胜感激。谢谢! 角:

var app = angular.module('myApp', []);
app.controller('myAppCtrl', function($scope, $http) {

        $http({
        method: 'GET',
        url: 'http://testing.com/page/go',
        config: {
            params: {
                token: "1234x.1234x",
            }
        }
    })
    .then(function(products) {
        products.data;
    })
    .then(function(allProducts) {
        $scope.products = allProducts;
    })
});

HTML:

<body ng-app="myApp" ng-controller="myAppCtrl">
    <div>
        <ul>
            <li ng-repeat="product in products"> {{product}} </li>
        </ul>
    </div>
</body>

1 个答案:

答案 0 :(得分:1)

我不明白为什么你有两个then,并且你没有将products.data存储在任何地方,所以你可以使用它们。试试这段代码:

var app = angular.module('myApp', []);
app.controller('myAppCtrl', function($scope, $http) {

    $http({
        method: 'GET',
        url: 'http://testing.com/page/go',
        config: {
            params: {
                token: "1234x.1234x",
            }
        }
    })
    .then(function(products) {
        $scope.products = products.data;
    })
});

如果你正在检查有角度的http文档,那么永远不会有2个then,而是一个有2个参数,第一个是成功,第二个是失败。

$http(req).then(function(resp){...}, function(err){...});