Angularjs 如何使用angular.js$http获得结果？

我在使用angularjs从api服务器获取结果时遇到了一些问题

这是我的代码：

home.html（查看）

当我单击按钮时，我可以在控制台中看到结果，但在列表中看不到

如果在控制器中使用此代码，则在加载时以及单击按钮时，此代码会工作：

app.controller('mainController', function($scope, $http) {
    $scope.message = 'Everyone come and see how good I look!';
    $http.get('http://apidemo.dev/api/orders').success(function(response){
        console.log("My data: " + response);
        $scope.orders = response;
    });
    $scope.getOrders = function(){
        $http.get('http://apidemo.dev/api/orders').success(function(response){
            console.log("My data: " + response);
            $scope.orders = response;
        });
    }
});

有什么问题

---

谢谢

谢谢大家的帮助

问题是视图中的链接

<a href="#" ng-click="getOrders()">Orders!</a>

将是：

<a ng-click="getOrders()">Orders!</a>

命令！

似乎您正在使用

ngRoute

并且您的锚中有

href=“#”

，这会导致您重定向到空白页面，Keep

href=“”

将帮助您在css中显示

指针：光标悬停在它的上方

按钮

<a href="" ng-click="getOrders()">Orders!</a>


应该可以。。。你能发布什么是
response
吗？不推荐使用success，然后使用。除此之外，你是否考虑到你的调用是异步的？我通常会将$SopeNe.Orm初始化为低于$Sope.Enter的空数组，因为有时它看起来像角度，假设在这样的情况下，在范围对象中还没有声明的东西。我想值得一试吗？我用：$scope.orders=[]；低于$scope.message，但不起作用。@Klian您使用的是
ng路由
？似乎您正在重定向到空白页，而其中有
href=“#”
<a ng-click="getOrders()">Orders!</a>

<a href="" ng-click="getOrders()">Orders!</a>