Angular 6: сервисы с обеспеченнымIn: 'root' возвращает пустой компонент в компоненте

Question

Моя служба расположена в src/core/services/api.service.ts

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

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

  constructor() { }

  test() {
    console.log('hello from services');
  }
}

Я пытаюсь вызвать эту службу из компонента, находящегося в другом модуле.

home.component.ts

import { Component, OnInit } from '@angular/core';
import {ApiService} from './core/services/api.service';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {

  constructor(private api: ApiService) { }

  ngOnInit() {
    console.log(this.api);
  }

}

Но я получаю пустой объект, подобный этому ApiService {}

Answer 1

То же самое произошло со мной в Angular 8.

Я добавил public перед функцией, затем она начала работать:

public test()

Answer 2

Таким образом, он возвращает объект, и это означает, что служба инициализируется правильно, а не console.log(this.api);попробуйте console.log(this.api.test()), вы должны увидеть hello from services в консоли.