/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 vote159 views1 answer
Vs 2019 how to publish angular environment prod
Javascript AngularJS
0 vote184 views2 answers
Angular js email id validation with pattern
Javascript AngularJS
0 vote162 views1 answer
Angular get element by classname
Javascript AngularJS
1 vote161 views1 answer
Iterate over enum angular ngfor
Javascript AngularJS
0 vote145 views1 answer
Angular9 spy
Javascript AngularJS
0 vote162 views1 answer
Disable strict mode angular
Javascript AngularJS
72 votes278 views3 answers
Angular local storage
Javascript AngularJS
2 votes175 views1 answer
Use promise in angular 8
Javascript AngularJS
1 vote158 views1 answer
Nghide angular 10
Javascript AngularJS
0 vote154 views1 answer
Angular : pass data to component loaded via route
Javascript AngularJS