AngularJS 1.8x如何在组件中使用$cancelRequest？

angular.module('myApp').component('myComponent', {
  controller: function($http) {
    var canceler; // 存储取消请求的变量

    this.makeRequest = function() {
      // 创建一个取消请求的promise对象
      canceler = $http.pendingRequests.push();

      $http.get('https://api.example.com/data', { timeout: canceler.promise })
        .then(function(response) {
          // 处理请求成功的响应
        })
        .catch(function(error) {
          // 处理请求失败的情况
        });
    };

    this.cancelRequest = function() {
      if (canceler) {
        canceler.resolve(); // 取消请求
      }
    };
  },
  template: `
    <button ng-click="$ctrl.makeRequest()">发起请求</button>
    <button ng-click="$ctrl.cancelRequest()">取消请求</button>
  `
});