/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 vote309 views1 answer
Add margin letf to badge in angular material
Javascript AngularJS
0 vote339 views1 answer
Aos library slow animation angular
Javascript AngularJS
0 vote365 views3 answers
Order by ascending descending in angular 6 on click of button
Javascript AngularJS
29 votes386 views2 answers
Angular npm angular material
Javascript AngularJS
1 vote304 views1 answer
Using aria attributes in angular
Javascript AngularJS
1 vote364 views1 answer
Nghide angular 10
Javascript AngularJS
0 vote297 views1 answer
If 'mat-option' is an Angular component, then verify that it is part of this module
Javascript AngularJS
3 votes305 views3 answers
Angular email validation
Javascript AngularJS
8 votes327 views3 answers
How to use another port in angular
Javascript AngularJS
5 votes317 views3 answers
Angularjs cdn
Javascript AngularJS