如何在angular js中注入状态改变事件的$http服务？

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
  // 在这里可以使用$http服务进行HTTP请求
});

app.controller('myCtrl', function($scope, $http) {
  $http.get('/api/data').then(function(response) {
    // 请求成功的回调函数
    $scope.data = response.data;
  }, function(error) {
    // 请求失败的回调函数
    console.log(error);
  });
});

app.controller('myCtrl', function($scope, $http) {
  $http.get('/api/data', {
    transformRequest: angular.identity,
    headers: {'Content-Type': undefined}
  }).then(function(response) {
    // 请求成功的回调函数
    $scope.data = response.data;
  }, function(error) {
    // 请求失败的回调函数
    console.log(error);
  }, function(progress) {
    // 请求状态改变的回调函数
    console.log(progress);
  });
});