/Javascript/AngularJS/VideoTitle$ Angular 2 - communication between two sibling components

VideoTitle$ Angular 2 - communication between two sibling components

Because you are working with Observers and Observables in your service, 
you don't need to communicate both components because you can directly
 connect the service with the component template. This should be the code:

Service:

import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import { Subject }    from 'rxjs/Subject';
import 'rxjs/add/operator/map';

@Injectable()
export class AppService {
  private apiURL = "https://www.googleapis.com/youtube/v3/playlistItems?part=snippet,contentDetails,status&maxResults=10&playlistId=PLSi28iDfECJPJYFA4wjlF5KUucFvc0qbQ&key=AIzaSyCuv_16onZRx3qHDStC-FUp__A6si-fStw&pretty=true";

  //Observable string sources
  private thisVideoTitle = new Subject<string>();
  //Observable string streams
  videoTitle$ = this.thisVideoTitle.asObservable();
  constructor(private http:Http) { }

  getData() {
    return this.http.get(this.apiURL)
      .map((res:Response)=> res.json())
      .subscribe(nameTitle => this.thisVideoTitle.next(nameTitle))
  }
}

part ii
Then if you want to use this into your component template it should be something like:
<li *ngFor="let title of videoTitle$ | async"></li>

Source: stackoverflow.com

Similar codes

1 vote355 views2 answers
Set route on button in angular
Javascript AngularJS
0 vote355 views1 answer
Angular input date binding on variable update
Javascript AngularJS
0 vote383 views1 answer
Angular automatic typewriter animation
Javascript AngularJS
0 vote266 views4 answers
How to implement read more and readless in angular
Javascript AngularJS
0 vote349 views1 answer
Screenfull angular example
Javascript AngularJS
0 vote361 views3 answers
How click button and redirect angular
Javascript AngularJS
35 votes464 views6 answers
Angular router
Javascript AngularJS
2 votes327 views2 answers
Angular usehash not working
Javascript AngularJS
0 vote405 views1 answer
Get datetime yesterday angular
Javascript AngularJS
0 vote326 views2 answers
Angular detect navigation change
Javascript AngularJS