/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

3 votes216 views1 answer
Angular 404 on refresh
Javascript AngularJS
2 votes190 views1 answer
Nangular make window available
Javascript AngularJS
2 votes207 views2 answers
Angular window object
Javascript AngularJS
1 vote193 views1 answer
Drop down listing in angular form
Javascript AngularJS
0 vote194 views3 answers
Https://stackoverflow.com/questions/58589741/angular-8-hide-divs-and-show-div-on-button-click
Javascript AngularJS
0 vote227 views1 answer
Angular update cdk
Javascript AngularJS
2 votes200 views1 answer
Refresh date and time every second angular
Javascript AngularJS
0 vote190 views1 answer
Ip address validation regex angular
Javascript AngularJS
0 vote218 views1 answer
Ngstyle background url angular
Javascript AngularJS
0 vote211 views1 answer
Angular view not changing on model
Javascript AngularJS