/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 vote116 views1 answer
Angular conditional tooltip
Javascript AngularJS
0 vote147 views1 answer
Como checar valor do input checkbox angular
Javascript AngularJS
0 vote118 views1 answer
Angular 11 how to use skipLocationChange
Javascript AngularJS
1 vote122 views1 answer
Observable filter angular 8
Javascript AngularJS
0 vote118 views1 answer
Angular get firebase firestore
Javascript AngularJS
7 votes118 views4 answers
Angular js
Javascript AngularJS
3 votes123 views1 answer
Ternary operator in angular
Javascript AngularJS
0 vote115 views1 answer
Angular json and cli json file
Javascript AngularJS
0 vote107 views1 answer
Get data from URL in angular
Javascript AngularJS
3 votes125 views1 answer
Send event to child component angular
Javascript AngularJS