/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

2 votes155 views1 answer
Moment use in angular
Javascript AngularJS
0 vote139 views1 answer
Angular generate without spec
Javascript AngularJS
12 votes179 views3 answers
Angular create guard
Javascript AngularJS
0 vote139 views1 answer
How to specify max number of character angular mat input
Javascript AngularJS
0 vote145 views1 answer
Input set variable angular
Javascript AngularJS
0 vote140 views2 answers
Veu js vs angular vs react features
Javascript AngularJS
0 vote172 views1 answer
Angular load on scroll
Javascript AngularJS
0 vote138 views1 answer
Default selected radio button angular material
Javascript AngularJS
0 vote140 views2 answers
Convert int to string in angular
Javascript AngularJS
0 vote164 views1 answer
Module not found error can't resolve 'rxjs/observable' angular 8
Javascript AngularJS