/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

2 votes208 views2 answers
Angular window object
Javascript AngularJS
3 votes201 views3 answers
AngularJs drag and drop
Javascript AngularJS
1 vote224 views1 answer
Update angular to specific version
Javascript AngularJS
-1 vote187 views2 answers
$.notify is not a function angular
Javascript AngularJS
0 vote207 views1 answer
Angular rellax
Javascript AngularJS
4 votes160 views1 answer
Angular component between tags
Javascript AngularJS
0 vote203 views1 answer
Angularjs format number thousands separator
Javascript AngularJS
3 votes156 views1 answer
Angular list contains property
Javascript AngularJS
-1 vote193 views2 answers
Angular generate directive
Javascript AngularJS
17 votes266 views1 answer
Angular delete component full
Javascript AngularJS