/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 vote233 views1 answer
Locale data angular 12
Javascript AngularJS
0 vote259 views1 answer
How to install popper.js in angular 9
Javascript AngularJS
0 vote268 views1 answer
Angular http loader
Javascript AngularJS
0 vote258 views1 answer
What is the difference between angular changedetection default and onpush stratergy
Javascript AngularJS
1 vote251 views1 answer
Angular run validation on other controls
Javascript AngularJS
10 votes229 views3 answers
Angular event emitter
Javascript AngularJS
0 vote293 views1 answer
Angular remove index of array
Javascript AngularJS
6 votes235 views2 answers
Angular encode ur on route changes
Javascript AngularJS
0 vote395 views1 answer
How to use batch export function forn exports charts in fusioncharts via angularjs
Javascript AngularJS
7 votes262 views4 answers
Angular firebase
Javascript AngularJS