Блог

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

Мой простой сервис выглядит так:

 import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
import { News } from 'src/app/interfaces/news';
    
@Injectable(
{providedIn: 'root'}
) 
export class NewsService {  
     public newsUrl = 'some url';
     
    constructor(private http: HttpClient) {    }
     
     public getNews(): Observable<News[]> {
         console.log(this.newsUrl);
         return this.http.get<News[]>(this.newsUrl '/news/all');   
    }
}
 

Я даже не использую его, просто передаю конструктор следующим образом:

экспортируйте класс TestComponent …

конструктор (private NewsService: NewsService) {}

Убедитесь, что вы импортируете в свой модуль:

 import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule } from '@angular/common/http';

@NgModule({
  imports: [
    BrowserModule,
    // import HttpClientModule after BrowserModule.
    HttpClientModule,
  ],
  declarations: [
    AppComponent,
  ],
  bootstrap: [ AppComponent ]
})
export class AppModule {}
 

исходная документация