Чтобы передать значение между угловыми2 различными компонентами, я использую разные услуги, вводимые в разные компоненты.Наблюдаемые не получают следующее значение в angular2
В моем компоненте PagesService я определяю тему поведения и хочу передать значение.
import { Injectable } from '@angular/core';
import { ApiService } from '../../apiService/api.service';
import { Playlists } from '../shared/playlists.model';
import { Subject, BehaviorSubject } from 'rxjs/Rx';
@Injectable()
export class PagesService {
private currentPlaylists: Subject<Playlists> = new BehaviorSubject<Playlists>(new Playlists());
constructor(private service: ApiService) {
}
getCurrentPlaylists() {
return this.currentPlaylists.asObservable();
}
setCurrentPlaylists(playlists: Playlists) {
console.log(playlists, 'i am here');
this.currentPlaylists.next(playlists);
}
}
Мне нужно передать списки воспроизведения в качестве компонента под названием PagesComponent
import { Component, OnInit, Input, Output, OnChanges, EventEmitter, Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import { PagesService } from './shared/pages.service';
import { Subject,BehaviorSubject } from 'rxjs/Rx';
@Component({
selector: 'pages',
styleUrls: ['app/pages/pages.css'],
templateUrl: 'app/pages/pages.html',
providers: [PagesService]
})
export class PagesComponent {
playlists: Playlists;
constructor(private service: PagesService, private playlistService: PlaylistService) {
this.playlists = new Playlists();
this.service.getCurrentPlaylists().subscribe((playlists) => {
console.log(playlists, 'new playlists coming');
this.playlists = playlists;
}, error => {
console.log(error);
});
}
}
После того как я обновить списки воспроизведения, вы можете увидеть фактические плейлисты I хотите передать распечатанные на консоль, но я не получаю его в компоненте страниц,
Любые идеи?
Благодаря
Не уверен, изменит ли это, но я никогда не использовал метод 'asObservable()', поэтому, возможно, это вызывает некоторые проблемы? Вместо этого вы можете сделать getCurrentPlaylists(): Observable {return this.currentPlaylists; } '. 'Subject' расширяет' Observable', поэтому вы можете просто набросать его вот так. В противном случае ваш код выглядит так, как я делал много раз. –
batesiiic