How to convert Observable any to array

Question

I have following method in typescript  I need to bind to angular grid   CountryService  GetCountries        return this http get  http   services groupkt com country get all        map  res Response    gt   lt CountryData   gt res json   RestResponse  result         GridComponent    template             lt ag-grid-ng2 style  width  100    agGrid class  ag-material                      rowHeight  50                       gridOptions   myGridOptions                         gt               lt  ag-grid-ng2 gt                this myGridOptions rowData  this CountryService GetCountries      CountryData   export class CountryData    name  string    alpha2 code  string    alpha3 code  string      But GetCoutries will return Observable of any  unable to bind to rowData   How to convert Observable to CountryData   in typescript    you find JSON data here  http   services groupkt com country get all

User · Answer

This should work   GetCountries   Observable lt CountryData   gt       return this http get  http   services groupkt com country get all        map  res Response    gt   lt CountryData   gt res json         For this to work you will need to import the following   import  rxjs add operator map

User · Answer

You will need to subscribe to your observables   this CountryService GetCountries        subscribe countries   gt            this myGridOptions rowData   countries as CountryData            And  in your html  wherever needed  you can pass the async pipe to it

User · Answer

Component   home ts       contacts IContacts      ionViewDidLoad     this rest getContacts    subscribe  res  gt  this contacts  res as IContacts           reorderArray  accepts only Arrays      Reorder indexes     reorderArray this contacts  indexes         Service    res ts  getContacts    Observable lt IContacts   gt    return this http get lt IContacts   gt  this apiUrl   results 5     And it works fine

User · Answer

Using HttpClient  Http s replacement  in Angular 4 3   the entire mapping casting process is made simpler eliminated    Using your CountryData class  you would define a service method like this   getCountries        return this httpClient get lt CountryData   gt   http   theUrl com all        Then when you need it  define an array like this   countries CountryData           and subscribe to it like this   this countryService getCountries   subscribe countries   gt  this countries   countries     A complete setup answer is posted here also

[angular] How to convert Observable<any> to array[]

Examples related to angular

Examples related to typescript

Examples related to rxjs