/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 vote198 views1 answer
Function every time you route angular
Javascript AngularJS
0 vote191 views1 answer
Locale data angular 12
Javascript AngularJS
0 vote187 views1 answer
Sonarqube for angular application
Javascript AngularJS
35 votes367 views4 answers
Angular go to route
Javascript AngularJS
0 vote191 views1 answer
Angular maxlength directive input type number
Javascript AngularJS
0 vote218 views1 answer
Angular pipe json error
Javascript AngularJS
139 votes367 views6 answers
Angular cli
Javascript AngularJS
0 vote193 views1 answer
Angular cli generate component no tests
Javascript AngularJS
0 vote193 views1 answer
Angular cli spec test false
Javascript AngularJS
0 vote200 views1 answer
Is it possible to filter with multiple condition in angularjs?
Javascript AngularJS