2015-08-28 57 views
2

我得到一些问题从angularjs从我的api服务器获取结果。

这是我的代码:

home.html做为(图)

<div class="jumbotron text-center"> 
     <h1>Home Page</h1> 

     <p>{{ message }}</p> 

     <a href="#" ng-click="getOrders()">Orders!</a> 
</div> 
<ul> 
    <li ng-repeat="order in orders">{{order}}</li> 
</ul> 

main.js(控制器)

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

当我按一下按钮,我可以在控制台中看到结果,但不在列表中。

如果控制器中使用此代码,它的工作原理,当它加载,当我按一下按钮:

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; 
     }); 
    } 
}); 

问题是什么?

谢谢!

+0

应该工作......你可以发布什么“响应”是? – tymeJV

+1

.success已弃用,请使用。除此之外,你是否认为你的电话是异步的? – Sphaso

+0

我通常会将$ scope.orders初始化为$ scope.message下方的空数组,因为有时它看起来像angular会假设这些情况下尚未在范围对象中声明的事物。值得一试,我猜? –

回答

0

好像你用ngRoute和你在你的锚,从而导致你重定向有href="#"保留href=""将帮助你在CSS上显示pointer: cursor;悬停它

按钮

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

感谢大家的帮助。

的问题是在视图中的链接...

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

是:

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