AngularJS 服务 http 成功函数使用错误的“this”范围

AngularJS是一种流行的JavaScript框架，用于开发Web应用程序。其中一个核心特性是提供了许多内置服务，以简化开发过程。其中之一是$http服务，用于处理HTTP请求和响应。然而，使用AngularJS的$http服务时，有时会遇到一个常见的错误，即在成功函数中使用错误的“this”范围。本文将探讨这个问题，并提供解决方案。

javascript
angular.module('myApp', [])
  .controller('myController', function($http) {
    var vm = this;
    
    $http.get('/api/data')
      .success(function(response) {
        // 在这里访问“this”将引用错误的范围
        vm.data = response;
      })
      .error(function(error) {
        console.log(error);
      });
  });

javascript
angular.module('myApp', [])
  .controller('myController', function($http) {
    var vm = this;
    
    $http.get('/api/data')
      .success((response) => {
        // 使用箭头函数确保访问正确的作用域
        vm.data = response;
      })
      .error((error) => {
        console.log(error);
      });
  });