英雄指南的 HeroesComponent 目前获取和显示的都是模拟数据。 本节课的重构完成之后， HeroesComponent 变得更精简，并且聚焦于为它的视图提供支持。这也让它更容易使用模拟服务进行单元测试。 如果你希望从 GitHub 上查看我们提供测试的源代码，你可以访问下面的链接： https://github.com/cwiki-us-angular/cwiki-us-angular-tour-of-hero-services 为什么需要服务 组件不应该直接获取或保存数据，它们不应该了解是否在展示假数据。 它们应该聚焦于展示数据，而把数据访问的职责委托给某个服务。 本节课，你将创建一个 HeroService ，应用中的所有类都可以使用它来获取英雄列表。 不要使用 new 来创建此服务，而要依靠 Angular 的 依赖注入 机制把它注入到 HeroesComponent 的构造函数中。 服务是在多个“互相不知道”的类之间共享信息的好办法。 你将创建一个 MessageService ，并且把它注入到两个地方： HeroService 中，它会使用该服务发送消息。 MessagesComponent 中，它会显示其中的消息。 创建 HeroService 使用 Angular CLI 创建一个名叫 hero 的服务。 ng generate service hero 该命令会在 src/app/hero.service.ts 中生成 HeroService 类的骨架。 HeroService 类的代码如下： src/app/hero.service.ts (new service) import { Injectable } from '@angular/core' ; @Injectable ({ providedIn: 'root' , }) export class HeroService...
Comments
Post a Comment