/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 vote100 views1 answer
Install bootstrap in angular 9 stack overflow
Javascript AngularJS
7 votes149 views3 answers
How to add query parameter to url in angular
Javascript AngularJS
2 votes149 views1 answer
Remove single item from array in angular
Javascript AngularJS
0 vote167 views1 answer
Angular get first element ngfor
Javascript AngularJS
0 vote152 views1 answer
Angular : pass data to component loaded via route
Javascript AngularJS
0 vote172 views1 answer
Angular.toJson
Javascript AngularJS
0 vote145 views1 answer
Angular generer guard
Javascript AngularJS
1 vote148 views1 answer
Dynamic component angular parameters
Javascript AngularJS
0 vote202 views1 answer
Import map in angular
Javascript AngularJS
1 vote150 views1 answer
Select onchange pass option value in angular 6
Javascript AngularJS