/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 vote236 views1 answer
Angular cli path environment variable
Javascript AngularJS
1 vote232 views1 answer
No directive found with exportas 'ngmodel' angular 10
Javascript AngularJS
0 vote266 views1 answer
Angular indexeddb
Javascript AngularJS
1 vote234 views1 answer
Modulo do angular httpclient
Javascript AngularJS
0 vote175 views1 answer
Angular notifier
Javascript AngularJS
0 vote222 views1 answer
Angular ng default scss
Javascript AngularJS
0 vote233 views2 answers
Angular router navigate base href
Javascript AngularJS
0 vote235 views1 answer
Angularjs format number thousands separator
Javascript AngularJS
5 votes240 views1 answer
Angular open poort in network
Javascript AngularJS
1 vote216 views1 answer
Angular wait all subscriptions
Javascript AngularJS