Не удалось получить данные из общего сервиса для компонента в angular 2

В нашем проекте Angular 2. Я пытаюсь использовать общие службы для связи между двумя компонентами.

У нас есть BotData.SharedService.ts файл как это:

    import { Injectable } from '@angular/core';
    import { BehaviorSubject } from 'rxjs/BehaviorSubject';
    import { Subject }    from 'rxjs/Subject';
    import { Observable } from 'rxjs/Observable';
    export interface Data {

        name: string,

    }

    @Injectable()
    export class BotDataService {
        sharingData: Observable<Data[]>

      private _sharingData: BehaviorSubject<Data[]>;

      private dataStore: {
        sharingData: Data[]
      };


      constructor() {
        this.dataStore = { sharingData: [] };
        this._sharingData = <BehaviorSubject<Data[]>>new BehaviorSubject([]);
      }

      saveData(userData) {
          console.log(userData)
         this._sharingData.next(userData); 
      }

      getData()  {
        console.log('get data function called' +  JSON.stringify( this.sharingData ) );
        return this._sharingData.asObservable();
      }
    }

Здесь мы передаем данные, используя this._sharingData.next(userData); внутри saveData(userData), Следовательно, эти же данные должны быть доступны внутри getData(), Тем не менее, когда мы делаем console.log('get data function called' + JSON.stringify( this.sharingData ) это дает undefined,

Следовательно, botdataservice.getData() ломается внутри компонента:

   constructor(private botdataservice: BotDataService) {
        this.botdataservice = botdataservice;
        this.botdataservice.getData().subscribe(_sharingData => {
            //   this.userKonte = _sharingData;
              console.log(JSON.stringify(_sharingData));
          });
    }

Какое здесь исправление?

0 ответов

Другие вопросы по тегам