/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 vote277 views3 answers
Angular subscribe and unsubscribe
Javascript AngularJS
0 vote334 views1 answer
How to deploy firebase angular 10
Javascript AngularJS
4 votes333 views1 answer
Downgrade angular version in project
Javascript AngularJS
0 vote346 views1 answer
Angular dynamic script loading
Javascript AngularJS
0 vote331 views1 answer
Angular get name of component
Javascript AngularJS
2 votes291 views1 answer
Angular valuechanges get id
Javascript AngularJS
0 vote340 views1 answer
Slice pipe in angular
Javascript AngularJS
0 vote312 views1 answer
Install aos angular 10
Javascript AngularJS
1 vote360 views1 answer
Two way bind angular divide
Javascript AngularJS
5 votes340 views3 answers
Update to angular 12
Javascript AngularJS