/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 vote385 views1 answer
Angular format phone number while typing
Javascript AngularJS
0 vote360 views1 answer
How to place icons on labels in chartjs angular
Javascript AngularJS
0 vote349 views1 answer
Cannot create an instance of an abstract class httphandler angular
Javascript AngularJS
0 vote356 views1 answer
Angular input type text character limit
Javascript AngularJS
0 vote354 views1 answer
Firebase timestamp to date angular
Javascript AngularJS
20 votes391 views4 answers
Create angular component using cli
Javascript AngularJS
0 vote383 views2 answers
Angular schematics
Javascript AngularJS
0 vote337 views1 answer
Command to create custom pipe in angular 6
Javascript AngularJS
2 votes346 views2 answers
Angularjs 1.5.6 cdn
Javascript AngularJS
0 vote347 views1 answer
Angularjs are you sure to leave
Javascript AngularJS