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オプションを使用してお勧めしたいですこのようにすると、将来の使用のために要求の応答が保存されます。

official documentationでサービスの詳細を読むことができます。