Type '{Property: string, Property2: string} is not assignable to type Observable

Question

I have a method:

getFilters(): Observable<Filters[]> {
    let filters: Observable<Filters[]> = [
      {
        property: "Value",
        property2: "Value2"
     },
     {
       property: "Value3",
       property2: "Value4"
     }
  return filters;
}

I get an error:

Type '{Property: string, Property2: string} is not assignable to type Observable.

score 5 · Accepted Answer · edited Jul 02 '18 at 12:56

5

You need to create an Observable:

import { Observable, of } from "rxjs";

getFilters(): Observable<Filters[]> {
    let filters: Filters[] = [
      {
        property: "Value",
        property2: "Value2"
      },
      {
        property: "Value3",
        property2: "Value4"
      }
     ];
    return of(filters);
    }

edited Jul 02 '18 at 12:56

Prachi

3,478
17
34

answered Jul 02 '18 at 12:30

mrkernelpanic

4,268
4
28
52

I get an error of: Property 'of' does not exist on type 'typeof Observable'. – sander Jul 02 '18 at 12:37
add the correct import `import {Observable} from "rxjs/Observable";` – mrkernelpanic Jul 02 '18 at 12:39
@sander: `import { of } from 'rxjs';` https://stackoverflow.com/questions/38067580/property-of-does-not-exist-on-type-typeof-observable?rq=1 – Ashish Ranjan Jul 02 '18 at 12:48
1

@mrkernelpanic I posted an answer how I got it working, edit your answer so I can accept it. – sander Jul 02 '18 at 12:51

score 0 · Answer 2 · edited Jul 02 '18 at 13:19

This is how observable works:

getFilters(): Observable<Filters> {
    let filters = [
      {
        property: "Value",
        property2: "Value2"
     },
     {
       property: "Value3",
       property2: "Value4"
     }
    ];
  return Observable.from(filters);
}

You can use it like:

// Prints out each item
let subscription = this.getFilters().subscribe(
x => console.log('onNext: %s', x),
e => console.log('onError: %s', e),
() => console.log('onCompleted'));

// => onNext: {property: "Value",property2: "Value2"}
// => onNext: {property: "Value3",property2: "Value4"}

Refer to this for more details.

score 0 · Answer 3 · answered Jul 02 '18 at 12:50

0

I got it working by adding to the imports:

import { Observable, of } from "rxjs";

Then doing

return of(filters);

answered Jul 02 '18 at 12:50

sander

1,426
4
19
46

Type '{Property: string, Property2: string} is not assignable to type Observable

3 Answers3