Как я могу отобразить эти объекты в угловых

Question

Ниже приведено изображение данных JSN:

web.service.ts

 myQuote = 'http://quotes.rest/qod.json';

 getQuotes(){
  return this.http.get(this.myQuote).subscribe(data => {
    // data = const quotes;  
    console.log(data)
  });
}

home.component.ts

@Component({
  selector: 'messages',
  template: ' here {{contents?.quotes[0].quote}}'
})

export class MessagesComponent {
constructor(private webService: webServices){}

showQuotes(){
    this.webService.getQuotes();
    var items = {}
  }
  ngOnInit(){
    console.log(this.showQuotes())

  }
} 

Answer 1

Исходя из предположения, согласно вашему скриншоту:

HTML:

<div *ngFor="let obj of data.contents.quotes">
    <div> {{obj.propertyName_that_you_want_display }} </div>
    <h2>Options:</h2>
    <div *ngFor="let tag of obj.tags">
        {{tag}}
    </div>
</div>

A Working Demo