/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

18 votes143 views2 answers
Check angular version
Javascript AngularJS
0 vote172 views1 answer
Select all checkbox in angular
Javascript AngularJS
0 vote140 views1 answer
Add icon to angular
Javascript AngularJS
0 vote139 views1 answer
How to add external link in angular
Javascript AngularJS
0 vote145 views1 answer
Propriedades checkbox angular
Javascript AngularJS
3 votes153 views1 answer
Scroll down div from component angular
Javascript AngularJS
-3 votes137 views5 answers
Base64 to image angular
Javascript AngularJS
3 votes146 views1 answer
Scoll a div to bottom in angular
Javascript AngularJS
0 vote89 views1 answer
Install bootstrap in angular 9 stack overflow
Javascript AngularJS
0 vote134 views1 answer
Deploy angular app on google app engine
Javascript AngularJS