如何在angularjs中从视图调用的另一种方法中使用$http.then响应？

app.controller('MyController', ['$http', function($http) {
  // 控制器代码
}]);

app.controller('MyController', ['$http', function($http) {
  this.getData = function() {
    $http.get('/api/data')
      .then(function(response) {
        // 处理成功响应的逻辑
        console.log(response.data);
      })
      .catch(function(error) {
        // 处理错误响应的逻辑
        console.error(error);
      });
  };
}]);

<div ng-controller="MyController as ctrl">
  <button ng-click="ctrl.getData()">获取数据</button>
</div>