/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 vote145 views2 answers
Reload a child component in angular
Javascript AngularJS
0 vote144 views1 answer
Angular assign class invalid form
Javascript AngularJS
0 vote145 views1 answer
Angular detect chromebook
Javascript AngularJS
4 votes151 views3 answers
Get route query params angular
Javascript AngularJS
0 vote184 views1 answer
Angular js sharepoint crud
Javascript AngularJS
0 vote167 views2 answers
Angular pipe percentage
Javascript AngularJS
0 vote149 views1 answer
Angularjs make post request
Javascript AngularJS
0 vote153 views1 answer
Acheck angular version
Javascript AngularJS
0 vote146 views1 answer
Angular http PUT
Javascript AngularJS
2 votes180 views1 answer
Disable formcontrol angular
Javascript AngularJS