Наблюдаемый не получает следующее значение в angular2

Чтобы передать значение между различными компонентами 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);
                });
              }
        }

Это вывод консоли: введите здесь описание изображения

После того, как я обновлю списки воспроизведения, вы можете увидеть фактические списки воспроизведения, которые я хочу передать, распечатанными на консоли, но я не получаю их в компоненте страниц,

Любые идеи?

Спасибо


person Xinrui Ma    schedule 11.08.2016    source источник
comment
Не уверен, что это будет иметь значение, но я никогда раньше не использовал метод asObservable(), так что, может быть, это вызывает некоторые проблемы? Вместо этого вы можете сделать getCurrentPlaylists(): Observable<Playlists> { return this.currentPlaylists; }. Subject расширяет Observable, так что вы можете просто использовать его таким образом. В противном случае ваш код выглядит так, как я делал много раз.   -  person batesiiic    schedule 12.08.2016


Ответы (1)


Какой компонент вызывает setCurrentPlaylists()?

Скорее всего, этот метод вызывает какой-то компонент, отличный от PagesComponent, и этот другой компонент, вероятно, имеет providers: [PagesService] в своих метаданных. Это приведет к созданию двух экземпляров PagesService, один из которых предоставляет (и внедряет) PagesComponent, а другой экземпляр предоставляет (и внедряет) какой-либо другой компонент.

person Mark Rajcok    schedule 12.08.2016