/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 vote211 views1 answer
Tinymce-angular load slow
Javascript AngularJS
0 vote257 views1 answer
Search fullname in angular
Javascript AngularJS
0 vote228 views1 answer
Angular call function on option select
Javascript AngularJS
1 vote223 views1 answer
Kendo angular grid date format
Javascript AngularJS
0 vote222 views1 answer
Link in directive angularjs
Javascript AngularJS
21 votes277 views6 answers
Angular property has no initializer and is not definitely assigned in the constructor
Javascript AngularJS
2 votes356 views1 answer
Get current url angular
Javascript AngularJS
0 vote275 views1 answer
Angular indexeddb
Javascript AngularJS
0 vote223 views3 answers
Stripe angular
Javascript AngularJS
0 vote242 views1 answer
Angular debug chrome launch.json
Javascript AngularJS