行为主体的访问元素

Question

I am receiving an array from my data.service.ts, and want to know how to access it. I am currently just printing it in the console to try and understand it, however I am unsure how to do anything with the data in the array.

Click link below to view data format in console:

Observable BehaviorSubject Array

Inside my footer.component.ts:

import { Component, OnInit } from '@angular/core';
import { DataService } from '../data.service';

@Component({
  selector: 'app-footer',
  templateUrl: './footer.component.html',
  styleUrls: ['./footer.component.css']
})
export class FooterComponent {

  nominations = [];

  constructor(private dataService: DataService) { 
    this.nominations.push(this.dataService.currentNoms);
  }

footer.component.html:

<div id="podiums" *ngFor="let nom of nominations">
    <img src="{{nom.Poster}}">
</div>

I am trying to access the Poster attribute of each element and display the image associated with that poster, however when I inspect the page, the src for the image is unknown: img src unknown

EDIT

data.service.ts

import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class DataService {

  private finalNoms = new BehaviorSubject<any>([]);
  currentNoms = this.finalNoms.asObservable();

  constructor() { }

  addNominations(nom: Object){
    this.finalNoms.next(nom);
  }

}

Nominations Array: Nominations Array

If anyone knows what I am doing wrong I would appreciate it. New to Angular!

Answer 1

You need to subscribe to the Observable to be notified of the values on the Subject. An Observable notifies the subscribers of multiple values. A Subject can multicast those values to many Subscribers.

You can subscribe to the Observable in the constructor of your FooterComponent like this:

constructor(private dataService: DataService) { 
  this.dataService.currentNoms.subscribe(noms => {
    this.nominations.push(noms);
  });

The callback to the subscribe method will be called with every value that is added to the subject.