/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 vote136 views1 answer
Angular two-way-binding on observable
Javascript AngularJS
0 vote141 views2 answers
Properly import mat icon angular 10
Javascript AngularJS
17 votes164 views3 answers
Angular pipe for 2 decimal places
Javascript AngularJS
0 vote131 views1 answer
You seem to not be depending on "@angular/core" and/or "rxjs". This is an error.
Javascript AngularJS
0 vote143 views1 answer
Change icon on click angular
Javascript AngularJS
0 vote137 views1 answer
Retrieve list by id from firebase angular
Javascript AngularJS
0 vote132 views1 answer
Angularjs select placeholder
Javascript AngularJS
0 vote123 views1 answer
Angular url not valid send you to a component
Javascript AngularJS
0 vote134 views1 answer
How to find element in array angularjs
Javascript AngularJS
0 vote138 views3 answers
How to create monorapo project in angular 8
Javascript AngularJS