/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 vote298 views1 answer
Create new angular project specific version
Javascript AngularJS
24 votes334 views2 answers
Date format in angular ts
Javascript AngularJS
2 votes279 views1 answer
Remove single item from array in angular
Javascript AngularJS
0 vote304 views1 answer
How to convert date format using date pipe in angular
Javascript AngularJS
-1 vote265 views1 answer
How to do a timer angular
Javascript AngularJS
0 vote316 views1 answer
Angular patchValue dynamically
Javascript AngularJS
8 votes297 views1 answer
How to install flexbox in angular
Javascript AngularJS
0 vote313 views1 answer
Generate angular.json for existing project
Javascript AngularJS
1 vote284 views1 answer
Angular run multiple projects
Javascript AngularJS
1 vote323 views2 answers
Angular project structure
Javascript AngularJS