提供Angular 7服务：'root'

Question

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

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

 import { Injectable } from '@angular/core'; @Injectable({ providedIn: 'root' }) export class CartService { constructor( ) {} public addItem() { console.log('Hello'); } } 

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

通过使用在角度6中添加的providedIn：'root'标签，我得到了它在app-module级别的单例

但只是无法弄清楚如何调用cartService.addItem（）？

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

Answer 1

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

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

  }

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

Answer 2

以下是如何在组件中使用服务的示例代码：

Component.ts

import { Component, OnInit} from '@angular/core';
import { yourSeerviceName } from "PATH_TO_SERVICE";
@Component({
    selector: 'app-dummy',
    styleUrls: ['dummy.component.sass'],
    templateUrl: 'dummy.component.html'
})


export class yourComponent implements OnInit {
    // you can provide any name for variable it's upto you
    constructor(private dummyService:yourSeerviceName) {

    }

    //access the method in you'r service by performing below action.
    this.dummyService.yourMethod();
}

Answer 3

如果您创建了一个新模块，则需要将该服务引入模块，方法是转到.module.ts文件并将服务添加到providers数组中。 它将是这样的：

providers: [
    CartService
  ],