Angular 7 Сервис предоставляется в: «root»

Question

Я очень новичок в разработке углов, поэтому, пожалуйста, прости меня, если это очень простой вопрос

Но у меня есть служба корзины, которая у меня в данный момент просто есть, с простой функцией журнала консоли

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

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

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

и в основном я не могу понять, как использовать эту службу в модуле NG, который я установил , я успешно использовал его в других компонентах через конструктор, но ngmodule не имеет этого?

Я понимаю, что это одноэлементный файл уровня приложения, используя добавленный тег angin: 'root' в угловых значениях 6

но просто не могу понять, как вызвать cartService.addItem ()?

Спасибо, если кто-нибудь может помочь!

Answer 1

Вы можете использовать Dependency Injection, как это, чтобы позвонить в службу

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
  ],