/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

0 vote250 views1 answer
Angular set dist output directly under dist rather than dist/project
Javascript AngularJS
1 vote163 views1 answer
Angular remove item from localstorage
Javascript AngularJS
2 votes281 views4 answers
Toast angular
Javascript AngularJS
0 vote175 views1 answer
Angular : pass data to component loaded via route
Javascript AngularJS
15 votes204 views3 answers
Forloop angular
Javascript AngularJS
0 vote176 views1 answer
Angular watching for changes in $http.pendingRequests from directive
Javascript AngularJS
27 votes363 views6 answers
How to make a component reload in angular
Javascript AngularJS
0 vote180 views2 answers
Angular raw
Javascript AngularJS
0 vote179 views1 answer
Angular attach component to body
Javascript AngularJS
3 votes242 views1 answer
Angular build aot vs jit
Javascript AngularJS