/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 vote214 views1 answer
Angular navbar is overlaying content
Javascript AngularJS
0 vote214 views1 answer
Angular 11 how to use skipLocationChange
Javascript AngularJS
2 votes270 views1 answer
How to put background image in angular 11
Javascript AngularJS
10 votes210 views3 answers
Angular create service command line
Javascript AngularJS
0 vote222 views1 answer
Add fraction in angular
Javascript AngularJS
4 votes246 views2 answers
@angular/fire has missing dependencies
Javascript AngularJS
6 votes253 views1 answer
Angular for objetkeys pipe
Javascript AngularJS
11 votes221 views2 answers
Angular print an array
Javascript AngularJS
0 vote212 views3 answers
Angular form validation whitespace
Javascript AngularJS
0 vote223 views1 answer
Backtick in angular
Javascript AngularJS