returning observable from Angular5 http.get

Question

I have an Interface

export interface IEmployee{
  id: string;
  first_name: string;
}

In my employee.service.ts

  getEmployess():Observable<IEmployee>{
    return this._http.get<IEmployee>(this._dataUrl);
  }

In my component

  employees:Array<IEmployee>;   

  constructor(private _employeeService:EmployeeService){
    this._employeeService.getEmployess()
      .subscribe(
        (data) => {
          this.employees = data;
          console.log(data);
        }
      )
  }

I am gettign the erro [ts] Type 'IEmployee' is not assignable to type 'IEmployee[][]'.

I am unable to understand whats wrong. I want that the returned data from service should be stored in employees array.

Please help.

Your service return type is Observable<IEmployee>. So, each event emitted by this observable is one IEmployee. You're trying to store that IEmployee into a variable of type Array<IEmployee>. That can't work. An egg box is not the same thing as an egg. — JB Nizet
– JB Nizet, Commented Mar 1, 2018 at 9:12

rijin · Accepted Answer · 2018-03-01 09:14:05Z

2

return

 getEmployess():Observable< Array<IEmployee>>{
    return this._http.get<Array<IEmployee>>(this._dataUrl);
  }

or

getEmployess():Observable< IEmployee[]>{
    return this._http.get<IEmployee[]>(this._dataUrl);
  }

answered Mar 1, 2018 at 9:14

rijin

1,76714 silver badges23 bronze badges

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

1 Comment

rijin Over a year ago

its better to unsubscribe by assigning to one variable

Vivek Doshi · Accepted Answer · 2018-03-01 09:16:57Z

1

Reason of issue:

this.employees = data;  
// this.employees is type of IEmployee[]
// data is type of IEmployee

Solution -> Just change :

getEmployess():Observable<IEmployee>

To

getEmployess():Observable<IEmployee[]>{
// OR
getEmployess():Observable<Array<IEmployee>>{

As you are getting array of IEmployee in return and you have defined employees:Array<IEmployee>;

edited Mar 1, 2018 at 9:16

answered Mar 1, 2018 at 9:13

Vivek Doshi

58.8k12 gold badges120 silver badges126 bronze badges

Collectives™ on Stack Overflow

returning observable from Angular5 http.get

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related