angular 的依赖注入

服务是 Angular 应用的重要组成部分。在 Angular 中，服务是一个类的实例，它可以借助 Angular 的依赖注入系统来让应用中的任何一个部件都能使用它。

新建服务

import { Injectable } from '@angular/core';

@Injectable({ providedIn: 'root' })

export class CartService {

　　items = [];

　　constructor() {}

　 　　addToCart(product) { this.items.push(product); }

　　　getItems() { return this.items; }

}

 

// 使用服务

import { CartService } from '../cart.service'; // 导入服务。
export class ProductDetailsComponent implements OnInit { 
// 通过把服务注入到这里的 constructor() 中来注入它
　　constructor( private cartService: CartService ) { } 
　　addToCart(product) { 
　　　　// 这样就能使用服务的方法了
　　　　this.cartService.addToCart(product); 
　　}
}