Wie erstelle Verhalten Subjekt zum Objekt, und abonnieren Sie Sie auf eine andere Komponente?

Habe ich eine Verhalten-Thema in eine service-Klasse.

    public personObject: BehaviorSubject<any> = new BehaviorSubject<any>({
                                               personId: 1,
                                               name: 'john doe'
                                               });

Auf eine Komponente, die Einfuhren dieser Dienstleistung, die ich abonniert haben dieses Verhalten Thema wie folgt: 

`        this._subscription.add(
            this._bankService.personObject.subscribe(data => {
                this.personObject = data;
                console.log(data);
            })
        );`

Aber ich bin nicht in der Lage, genaue Daten im Verhalten unterliegen. Bitte helfen Sie.

Bearbeiten
Ich vergaß zu erwähnen, dass ich verwendet haben, ViewContainerRef, um meine Geschwister comnponent. So ich habe eine Antwort mit ein paar Kommentare auf mein Problem.

  • Kannst du eine demo?
  • Fügen Sie mehr Infos (code), über die service-und Komponenten-Klassen
  • Es einfach zu machen, ich will einfach nur ein Objekt übergeben zwischen Geschwister-Komponenten mit BehaviorSubject. Nur keine demo-oder den Artikel, bietet Informationen zu tun, wird es hilfreich sein. Dank
  • DAMIT ist nicht ein "how to" forum, Sie kommen hier mit einem konkreten problem und ppl, die Ihnen helfen. Wenn Sie nicht geben uns eine minimale Reproduktion des Problems, die schwer für jemand, Sie zu beraten
InformationsquelleAutor Prabesh | 2017-10-12
  1. 5

    service

    @Injectable()
export class DataService {

  private _dataListSource: BehaviorSubject<IData[]> = new BehaviorSubject([]);
  dataList: Observable<IData[]> = this._dataListSource.asObservable().distinctUntilChanged();

  ...

  getDataList(): Observable<any> {
      return this.httpService.get('/data').map(res => {
          this._dataListSource.next(res);
      });
  }

    und dann können Sie es verwenden in der Komponente

    export class DataComponent implements OnInit {

    public dataList$: Observable<IData[]>;

    constructor(public dataService: DataService) {}

    ngOnInit() {
        this.dataList$ = this.dataService.dataList;
        this.dataService.getDataList().subscribe();
    }
}

    und Ihre html -

        <div *ngIf="dataList$ | async; let dataList; ">
        <div *ngFor="let data of dataList">
            {{ data | json}}
        </div>
    </div>
    • Was bedeutet das $ bedeutet in this.dataList$?
    • mein team ist mit $ am Ende der variable zu betonen, dass es beobachtbar ist. Es ist bequem für uns. Sie können unabhängig Namen, die Sie wollen.
    InformationsquelleAutor Dmitry Grinko
  2. 0

    Ich vergaß zu erwähnen, dass ich war mit, ich war mit ViewContainerRef zu erstellen Geschwister-Komponente und es stellt sich heraus, Verhalten unterliegen nicht funktionieren auf die gleiche Weise mit der Komponente erstellt mit ViewContainerRef.

    Andere Weise Verhalten Subjekte von einem Objekt arbeiten, genau wie mit der Zahl oder string. Ich benutzte @ - Eingang zum senden von Daten an Komponenten für jetzt.

    InformationsquelleAutor Prabesh
Schreibe einen Kommentar