/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 vote116 views1 answer
Angular submit with required
Javascript AngularJS
0 vote119 views1 answer
Angular call function every x seconds
Javascript AngularJS
0 vote123 views1 answer
How to find element in array angularjs
Javascript AngularJS
2 votes133 views2 answers
Angular generate component without spec
Javascript AngularJS
1 vote117 views1 answer
Angular add font
Javascript AngularJS
-1 vote115 views1 answer
Angularjs form validation on submit
Javascript AngularJS
0 vote115 views1 answer
Click binding angular 8
Javascript AngularJS
0 vote157 views1 answer
Angular generate guid
Javascript AngularJS
7 votes136 views2 answers
Mouseover event in angular 11
Javascript AngularJS
1 vote115 views1 answer
Angular cli path environment variable
Javascript AngularJS