API請求1

Question

我有叫DashboardCtrl父控制器的應用程序，以及多個子控制器（DashboardBuyerCtrl，DashboardSellerCtrl ...）

我希望能夠分享的結果不同控制器之間的HTTP請求。 目前，我在每個控制器中執行我的HTTP請求，但我認爲這不是理想的性能。 我讀過，我應該使用服務，但我卡在這裏。

任何人都可以幫忙嗎？

感謝

Answer 1

使用服務時，一般來說，一個很好的做法，因爲可幫助您組織和共享在你的應用程序的代碼，我創建了一個小的應用程序來展示如何創建和控制器重用的服務：

var app = angular.module('testApp', []); 
 

 
app.controller('ctrlA', function($scope, getIp) { 
 
    getIp().then(function(resp) { 
 
    $scope.data = resp.data.origin; 
 
    }); 
 
}); 
 

 
app.controller('ctrlB', function($scope, getIp) { 
 
    getIp().then(function(resp) { 
 
    $scope.data = resp.data.origin; 
 
    }); 
 
}); 
 

 
app.service('getIp', function($http) { 
 
    return function() { 
 
    return $http.get('https://httpbin.org/ip'); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="testApp"> 
 
    <div ng-controller="ctrlA"> 
 
    First controller 
 
    <p>IP: {{data}}</p> 
 
    </div> 
 
    <div ng-controller="ctrlB"> 
 
    Second controller 
 
    <p>IP: {{data}}</p> 
 
    </div> 
 
</div>

至於性能，我想如果內容沒有被經常更新（或人沒有更新建議使用caching選項l），如下所示：

$http({ 
    url: '...', 
    method: 'GET', 
    cache: true 
}); 

這將保存請求的響應以供將來使用。

您可以在official documentation中閱讀更多關於服務的內容。