/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 votes115 views1 answer
Start angular app server
Javascript AngularJS
3 votes140 views1 answer
Angular 404 on refresh
Javascript AngularJS
2 votes133 views6 answers
Tailwind in angular
Javascript AngularJS
0 vote178 views1 answer
Toggle buttons angular styles
Javascript AngularJS
1 vote209 views1 answer
Angular get current time
Javascript AngularJS
0 vote131 views1 answer
Angular watching for changes in $http.pendingRequests from directive
Javascript AngularJS
2 votes159 views1 answer
Disable formcontrol angular
Javascript AngularJS
1 vote128 views4 answers
Angular 12 features
Javascript AngularJS
0 vote133 views1 answer
Angular material dialog close pass data
Javascript AngularJS
7 votes112 views1 answer
Angular get previous route
Javascript AngularJS