/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

6 votes237 views2 answers
Angular build with configuration
Javascript AngularJS
0 vote234 views1 answer
How to get selected value from between form tags in Angular
Javascript AngularJS
1 vote277 views2 answers
Angular project structure
Javascript AngularJS
6 votes270 views3 answers
How to create a module in angular 9
Javascript AngularJS
-1 vote243 views1 answer
How to disable previous date in datepicker using angular 6
Javascript AngularJS
3 votes269 views1 answer
Angular 404 on refresh
Javascript AngularJS
0 vote244 views1 answer
How to slice one specific element from array in angular
Javascript AngularJS
0 vote224 views1 answer
How can i use two api at the same time in angular
Javascript AngularJS
2 votes256 views1 answer
Angularjs 'angular' is not defined
Javascript AngularJS
0 vote271 views1 answer
Cache management in angular 7
Javascript AngularJS