/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 vote272 views1 answer
Angular Quick Tip: Binding Specific Keys to the Keyup and Keydown Events
Javascript AngularJS
0 vote280 views1 answer
Angular store select method
Javascript AngularJS
0 vote276 views1 answer
How to pass basic auth for api in angular 11
Javascript AngularJS
7 votes231 views1 answer
Angular get previous route
Javascript AngularJS
0 vote285 views1 answer
Angular dynamic script loading
Javascript AngularJS
0 vote305 views1 answer
Propriedades checkbox angular
Javascript AngularJS
0 vote270 views1 answer
Angular 7 selected
Javascript AngularJS
0 vote258 views1 answer
Angularjs find and update object in array
Javascript AngularJS
2 votes273 views1 answer
Angular current year
Javascript AngularJS
0 vote464 views2 answers
Adding cors in angular
Javascript AngularJS