/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 vote265 views1 answer
How to do if condition in kedo column in angular
Javascript AngularJS
0 vote291 views1 answer
Angular animation scale width and height
Javascript AngularJS
0 vote276 views1 answer
Angular two datepickers
Javascript AngularJS
0 vote310 views1 answer
Angular tooltip text ngif
Javascript AngularJS
0 vote269 views1 answer
Link in directive angularjs
Javascript AngularJS
8 votes295 views3 answers
How to use another port in angular
Javascript AngularJS
0 vote368 views1 answer
Angular generate guid
Javascript AngularJS
2 votes281 views1 answer
How to get http request and store the response in a variable in angular
Javascript AngularJS
0 vote316 views1 answer
Parametro angulara con ruta y recarga de componente
Javascript AngularJS
0 vote289 views1 answer
Dynamic set required in angular using formcontrol
Javascript AngularJS