Angular calling an Array from a service method() to my main component ;

Question

In my api-service.ts i have an array which contains some data in an Array.

 public getData():Observable<any[]>  {

    return  Observable.toString[ObsResult];
  }

Then in my main component i am trying to call getData() method to display data in
main.componenet.html

service.getData().subscribe({result => console.log (result)});

I get the error TypeError: Cannot read property 'subscribe' of undefined

I am guessing this line is wrong but i am not sure what to put here Observable.toString

Dane Brouwer · Accepted Answer · 2020-07-09 07:33:30Z

1

Method 1: More Native implementation

public getData(): Observable < any[] > {
  return new Observable(observer => {
    observer.next(ObsResult);
    observer.complete();
  });
}

public getData(): Observable < any[] > {
  return of(ObsResult);
}

answered Jul 9, 2020 at 7:04

Dane Brouwer

2,9821 gold badge26 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

mad Man · Accepted Answer · 2020-07-09 07:06:29Z

0

If you have static data

   example: const ObsResult = [1,2,3,4,5];

You can use

public getData():Observable<any[]>  {

    return  Observable.of(ObsResult);
}

then you can subscribe to

service.getData().subscribe({result => console.log (result)});

answered Jul 9, 2020 at 7:06

mad Man

3763 silver badges7 bronze badges