To get data from an observable, you need to subscribe:
this.singleEvents$.subscribe(event => this.event = event);
In the template you can directly bind to observables using the async pipe:
{{singleEvents$ | async}}
More Related Contents:
- Angular 2 – Return data directly from an Observable
- Chaining RxJS Observables from http data in Angular2 with TypeScript
- How to create an Observable from static data similar to http one in Angular?
- RxJs Array of Observable to Observable of Array
- How to return value from function which has Observable subscription inside?
- Angular 2: Convert Observable to Promise
- Angular 2 beta.17: Property ‘map’ does not exist on type ‘Observable’
- Angular 2 2.0.0-rc.1 Property ‘map’ does not exist on type ‘Observable’ not the same as issue report
- TypeError: You provided an invalid object where a stream was expected. You can provide an Observable, Promise, Array, or Iterable
- Get route query params
- How to return observable from subscribe
- How to return value inside subscribe Angular 4
- How do I return the response from an Observable/http/async call in angular?
- Angular/RxJS When should I unsubscribe from `Subscription`
- *ngFor running an infinite loop in angular2
- How to get query params from url in Angular 2?
- How to inject Document in service?
- Angular 2 Show and Hide an element
- WARNING: sanitizing unsafe style value url
- How to display json object using *ngFor
- async/await in Angular `ngOnInit`
- Angular2 – Share data between components using services
- How to make a sequence of http requests in Angular 6 using RxJS
- Visual Studio Code Automatic Imports
- fromPromise does not exist on type Observable
- How to implement Custom Async Validator in Angular2/4/5
- Import gapi.auth2 in angular 2 typescript
- What exactly $event object do in Angular 2?
- How to pass results between chained observables
- Access Meta-Annotation inside Class (TypeScript)