26、使用 TypeScript 开发 Angular 应用

使用 TypeScript 开发 Angular 应用

1. 依赖注入与 ProductService

依赖注入（DI）是 Angular 中一个强大的特性，它可以提高代码的可复用性并减少组件之间的耦合。例如，我们可以通过以下方式配置，让 Angular 实例化 AnotherProductService 而无需修改使用 ProductService 的 ProductComponent 代码：

// 配置示例
providers: [{ provide: ProductService, useClass: AnotherProductService }]

这样， ProductComponent 可以继续使用 ProductService 的抽象，而实际使用的是 AnotherProductService 的实例。

1.1 ProductService 代码示例

以下是 ProductService 的代码，它返回一个硬编码的产品数据：

import { Injectable } from '@angular/core';
import { Product } from './product';

@Injectable({
  providedIn: 'root'