/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 vote286 views1 answer
Angular debug chrome launch.json
Javascript AngularJS
1 vote294 views1 answer
What is the best way to conditionally apply attributes in AngularJS?
Javascript AngularJS
10 votes275 views6 answers
Angular refresh component without reloading page
Javascript AngularJS
0 vote298 views1 answer
Serviceworker in angular
Javascript AngularJS
3 votes286 views1 answer
Data binding on checkbox angular
Javascript AngularJS
0 vote266 views1 answer
Can we send image in json in angular
Javascript AngularJS
0 vote276 views1 answer
Angular module with routing cli
Javascript AngularJS
1 vote315 views1 answer
Condition in string interpolation angular
Javascript AngularJS
3 votes272 views2 answers
Angular clone array without reference
Javascript AngularJS
0 vote276 views1 answer
Hashtag strategy angular
Javascript AngularJS