Как выполнить итерацию многомерного массива с помощью * ngFor

Question

Как перебрать Beray Url Array.

https://jsonplaceholder.typicode.com/users

Answer 1

Предоставленный массив не является многомерным массивом. Это просто массив с объектами. Вы можете использовать * ngFor обычным способом.

*ngFor="let user of users"

И вы можете получить доступ к каждому объекту пользователя и его свойствам

{{user. name}}

А также внутренние свойства, подобные этому

{{user.address.street}}

Answer 2

Кулак Я хочу предложить вам пройти https://stackoverflow.com/help/how-to-ask

И ответ на ваш вопрос:

Компонент TS

public objects: Array<any> = [your_array];

HTML-компонент

<div *ngFor="let obj of objects">
    <div> {{ obj.id }}</div>
    <div> {{ obj.name }}</div>
</div>

Answer 3

Что именно здесь многомерно?В любом случае, вы можете использовать *ngFor, чтобы сделать это без проблем.Просто пример;Допустим, у вас есть массив persons в вашем файле TS, и каждый человек может иметь несколько ролей.

  <div *ngFor="let person of persons">
    <div *ngFor="let role of person.roles">
      {{role}}
    </div>
  </div>

Просто убедитесь, что вы включили CommonModule в свой AppModule:

import { CommonModule } from "@angular/common";

РЕДАКТИРОВАТЬ: ваш массив не многомерный.Вы можете получить доступ к вложенным свойствам только с одним *ngFor:

    <div *ngFor="let person of persons">
      {{person.company.name}}
    </div>