码迷,mamicode.com
首页 > 其他好文 > 详细

angular 的依赖注入

时间:2020-06-02 11:02:25      阅读:56      评论:0      收藏:0      [点我收藏+]

标签:table   ons   导入   item   通过   toc   vat   add   组成   

服务是 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); 
  }
}

 

angular 的依赖注入

标签:table   ons   导入   item   通过   toc   vat   add   组成   

原文地址:https://www.cnblogs.com/lvsk/p/12587440.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!