Subskrypcja nie jest błędem funkcji

Próbuję zasubskrybować obserwowalny z usługi, kompiluje się bez błędów, ale pojawia się błąd „this.service.getBanners (...). Subskrypcja nie jest funkcją” podczas przeglądania w przeglądarce.
Usługa:

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

import { Observable } from 'rxjs';@Injectable()export class BannerService { banners: any = ['1','2','3']; constructor( ) {} getBanners(): Observable<any[]> {

 return this.banners;

 } setBanners(banners: any[]): void {

 this.banners = banners;

 }}

Składnik:

import { Component, ViewEncapsulation, OnInit } from '@angular/core';

import { Observable } from 'rxjs';

import { BannerService } from './../banner/banner.service';@Component({

 selector: '.banner',

 templateUrl: './banner.component.html',

 styleUrls: ['./banner.component.sass'],

 encapsulation: ViewEncapsulation.None

})export class BannerComponent implements OnInit { banners: any[]; constructor(private bannerService: BannerService){ } ngOnInit() {

 this.bannerService.getBanners().subscribe(banners => this.banners = banners);

 }

}

Jakieś pomysły, co robię źle?