Displaying 2D array with ngfor

Question

I am pulling some message data from firebase database and trying to display them as a list on page using ngfor . The problem is this is structure of the data coming from db is 2 d array

code below explains the structure:

this.msg=messages[0][3]; //first users 3rd message content.(0 is key of messagecontent)
      this.msg=messages[0][3].message //first users 3rd message contents message.actual message i want to display.

msg is an observable.

so how do i write a proper ngfor for this data ?

thanks

Answer 1

Well, in the simplest way you can :)

<div *ngFor="let message of messages | async">
  <div *ngFor="let prop of message">
    <!-- You should have everything here -->
  </div>
</div>