26、用 TypeScript 开发 Angular 应用

用 TypeScript 开发 Angular 应用

1. 依赖注入与 ProductService

依赖注入（DI）在 Angular 应用中扮演着重要角色，它可以提高组件的可复用性并减少组件与服务之间的紧密耦合。例如，我们可以使用 ProductService 来获取产品数据，并且通过 DI 机制，我们可以轻松地替换服务的具体实现。

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

@Injectable({
  providedIn: 'root'
})
export class ProductService {
  getProduct(): Product {
    return { 
      id: 0,
      title: "iPhone XI",
      price: 1049.99,
      description: "The latest iPhone" 
    };
  }
}

export interface Product {
  id: number,
  title: string,
  price: number,
  description: string
}

在这个示例中， ProductService 的 getProduct 方法返回了一个硬编码的产品数据。在实际应用中，我们通常会通过 HTTP 请求从服务器