如何使用angular.js $ http獲取結果？

我得到一些問題從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; 
     }); 
    } 
});

問題是什麼？

謝謝！

來源

2015-08-28 Klian

應該工作......你可以發佈什麼「響應」是？ – tymeJV

.success已棄用，請使用。除此之外，你是否認爲你的電話是異步的？ – Sphaso

我通常會將$ scope.orders初始化爲$ scope.message下方的空數組，因爲有時它看起來像angular會假設這些情況下尚未在範圍對象中聲明的事物。值得一試，我猜？ –

好像你用ngRoute和你在你的錨，從而導致你重定向有href="#"保留href=""將幫助你在CSS上顯示pointer: cursor;懸停它

按鈕

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

來源

2015-08-28 16:11:59

感謝大家的幫助。

的問題是在視圖中的鏈接...

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

是：

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

來源

2015-08-28 16:08:31 Klian

如何使用angular.js $ http獲取結果？

回答

相關問題