javascript - Angular 7 服务提供在：'root'

Question

我对角度发展很陌生，所以如果这是一个非常基本的问题，请原谅我

但是我有一个购物车服务，我现在只有一个简单的控制台日志功能

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

@Injectable({
  providedIn: 'root'
})
export class CartService {

  constructor( ) {}
  
  public addItem() {
    console.log('Hello');
  }
}

基本上我无法弄清楚如何在我已安装的 NG 模块中使用此服务，我已通过构造函数在其他组件中成功使用它，但 ngmodule 没有这个？

通过使用在 Angular 6 中添加的 providedIn: 'root' 标签，我了解到它是应用程序模块级别的单例

但就是不知道如何调用 cartService.addItem()？

如果有人可以提供帮助，谢谢！

标签： javascriptnode.jsangulartypescriptecmascript-6

Answer 1

您可以像这样使用依赖注入来调用服务

export class AppComponent {
  constructor(private cartService: CartService) {

  }

  doSomething() {
     this.cartService.addItem();
  }
}