在angular 2.0中使用Heroes示例中的实时API需要做哪些更改

在Angular 2.0中使用Heroes示例中的实时API，需要进行以下更改：

导入HttpClient模块：在使用实时API之前，需要在Angular项目中导入HttpClient模块。可以通过在app.module.ts文件中的imports数组中添加HttpClientModule来实现。

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

@NgModule({
  imports: [
    HttpClientModule
  ],
  ...
})
export class AppModule { }

创建一个服务：为了使用实时API，可以创建一个Angular服务来处理与API的交互。可以使用Angular的命令行工具（Angular CLI）生成一个服务。

ng generate service api

这将在src/app目录下生成一个名为api.service.ts的文件。

在服务中定义API请求：在api.service.ts文件中，可以定义与实时API的交互逻辑。可以使用HttpClient模块提供的get、post、put等方法发送HTTP请求。

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

@Injectable({
  providedIn: 'root'
})
export class ApiService {
  private apiUrl = 'https://api.example.com'; // 实时API的URL

  constructor(private http: HttpClient) { }

  getHeroes(): Observable<Hero[]> {
    return this.http.get<Hero[]>(`${this.apiUrl}/heroes`);
  }

  // 其他API请求方法...
}

在上面的示例中，getHeroes()方法发送一个GET请求到实时API的/heroes端点，并返回一个Observable对象，该对象会发出一个Hero数组。

在组件中使用服务：在需要使用实时API的组件中，可以注入并使用刚刚创建的服务。

import { Component, OnInit } from '@angular/core';
import { ApiService } from './api.service';

@Component({
  selector: 'app-heroes',
  templateUrl: './heroes.component.html',
  styleUrls: ['./heroes.component.css']
})
export class HeroesComponent implements OnInit {
  heroes: Hero[];

  constructor(private apiService: ApiService) { }

  ngOnInit() {
    this.getHeroes();
  }

  getHeroes(): void {
    this.apiService.getHeroes()
      .subscribe(heroes => this.heroes = heroes);
  }
}

在上面的示例中，HeroesComponent组件通过调用apiService的getHeroes()方法来获取英雄数据，并将其赋值给heroes属性。

这些是在Angular 2.0中使用Heroes示例中的实时API所需的基本更改。根据实际情况，可能还需要进行其他更改，如处理错误、添加身份验证等。