/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 vote108 views1 answer
Angular content-security-policy header
Javascript AngularJS
2 votes111 views1 answer
How to get http request and store the response in a variable in angular
Javascript AngularJS
0 vote97 views1 answer
Select all checkbox in angular
Javascript AngularJS
0 vote102 views1 answer
How to trim the file name when length more than 10 in angular
Javascript AngularJS
0 vote93 views1 answer
Angular material change placeholder color
Javascript AngularJS
0 vote100 views1 answer
App is not a known element angular error
Javascript AngularJS
0 vote104 views2 answers
Utiliser les données passees a un modal dans son propre composant en angular
Javascript AngularJS
2 votes109 views1 answer
Angular rebuild
Javascript AngularJS
0 vote106 views1 answer
Generate angular.json for existing project
Javascript AngularJS
3 votes108 views1 answer
Send event to child component angular
Javascript AngularJS