/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

6 votes401 views1 answer
Get value onChange from mat-select angular
Javascript AngularJS
12 votes319 views5 answers
Angular font awesome
Javascript AngularJS
6 votes333 views2 answers
Angular build with configuration
Javascript AngularJS
0 vote316 views1 answer
Angular update cdk
Javascript AngularJS
121 votes411 views6 answers
New angular project
Javascript AngularJS
7 votes331 views5 answers
Angular select change
Javascript AngularJS
0 vote356 views3 answers
Get local storage data in angular
Javascript AngularJS
0 vote469 views2 answers
Show password eye icon angular 9
Javascript AngularJS
0 vote332 views1 answer
Angular.fromJson
Javascript AngularJS
1 vote340 views1 answer
Angular selector
Javascript AngularJS