Angular пытается вывести данные, но просто получить [Object.Object]

Question

У меня есть некоторые данные, которые выглядят так: console.log:

Array(10)
  0:
   $: {id: "23" name: "name 1"}
  1:
   $: {id: "45" name: "name 2"}

Это в настоящее время хранится в this.data.

Итак, в моем app.component.ts я получил это:

Во-первых: {{data}} which returns [Object].[Object] десять раз.

А во-вторых, я добавил это:

<ul *ngFor="let dat of data">
  <li>{{dat.id}}</li>
</ul>

которые показывают 10 пустых li

Как я могу это исправить, чтобы он отображал данные?

Например, id?

Answer 1

Также попробуйте использовать оператор безопасной навигации ? в случае асинхронных вызовов всегда при привязке к просмотру, подобному этому

<li>{{dat?.$?.id}}</li>

Answer 2

Изменение <li>{{dat.id}}</li>

Кому:

<li>{{dat.$.id}}</li>