/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 vote144 views1 answer
Angular 7 selected
Javascript AngularJS
0 vote124 views1 answer
Https error response with status 200 angular
Javascript AngularJS
0 vote126 views1 answer
Angular material remove outline
Javascript AngularJS
3 votes128 views1 answer
Ternary operator in angular
Javascript AngularJS
0 vote126 views1 answer
Why my style not come to angular 11
Javascript AngularJS
8 votes128 views3 answers
Angular deployment
Javascript AngularJS
2 votes111 views3 answers
Change route on button click angular
Javascript AngularJS
5 votes118 views2 answers
Display rond logo in angular
Javascript AngularJS
0 vote120 views1 answer
Angular mat datepicker timezone
Javascript AngularJS
0 vote148 views1 answer
Await in angular 8
Javascript AngularJS