/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 vote148 views2 answers
Angular project structure
Javascript AngularJS
3 votes120 views1 answer
Angular ion-search
Javascript AngularJS
4 votes137 views1 answer
Clear angular formarray
Javascript AngularJS
0 vote136 views1 answer
How to convert base64 to webp in angular
Javascript AngularJS
0 vote136 views1 answer
Angular browser detector
Javascript AngularJS
16 votes166 views6 answers
Generate a component in angular
Javascript AngularJS
0 vote130 views3 answers
Angular An accessor cannot be declared in an ambient context.
Javascript AngularJS
4 votes144 views2 answers
Angular get current route
Javascript AngularJS
1 vote237 views3 answers
How to fix cors in angular
Javascript AngularJS
0 vote132 views1 answer
Update angular materia;
Javascript AngularJS