Iterate through 2d array and display in html


I am pulling some message data from database and iterating through it with this code:

   this.msgData =this.db.list(`/messages/`).valueChanges();
    this.msgData.subscribe(msg =>{

      let data =

    for(var i=0;i<data.length;i++){
    for(var k=0;k<data[i].length;k++){



Result of console.log is:
enter image description here

What im trying to do is display those messages in html file like a feed.
Should i do this iteration in html file using ng-for ??

or should i decleare a array and push data into it then somehow iterate array in html using ngfor and display ? does angular recognize array from typescript because i know it recognizes objects from ts file