ReferenceError:未定义$http

angular.module('myApp', [])
  .controller('myController', ['$http', function($http) {
    // 在控制器中使用$http进行HTTP请求
    $http.get('/api/data')
      .then(function(response) {
        // 处理响应数据
      })
      .catch(function(error) {
        // 处理错误
      });
  }]);

import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'my-component',
  template: '<button (click)="getData()">获取数据</button>'
})
export class MyComponent {
  constructor(private http: HttpClient) {}

  getData() {
    // 使用HttpClient进行HTTP请求
    this.http.get('/api/data')
      .subscribe((response) => {
        // 处理响应数据
      }, (error) => {
        // 处理错误
      });
  }
}