/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 vote327 views1 answer
Angular sumar labels
Javascript AngularJS
0 vote295 views1 answer
Angular.json to war
Javascript AngularJS
0 vote306 views2 answers
Aos library animation angular
Javascript AngularJS
10 votes335 views3 answers
Angular create service command line
Javascript AngularJS
0 vote304 views1 answer
Allow downloads from angular website
Javascript AngularJS
0 vote285 views1 answer
Angularjs find and update object in array
Javascript AngularJS
5 votes284 views1 answer
Angular x social login
Javascript AngularJS
0 vote305 views1 answer
How to pass data in body of delete request angular
Javascript AngularJS
0 vote298 views1 answer
Angular tab change smooth transition
Javascript AngularJS
0 vote316 views1 answer
Angular convert boolean to yes no
Javascript AngularJS