Блог

Главная - Вопросы по программированию - Список отображения Angular / Typescript из объекта в ngFor

Список отображения Angular / Typescript из объекта в ngFor

#angular #typescript

#angular #typescript

Вопрос:

Я использую angular 7 и отображаю некоторые данные.

Вот части:

 myData: any;

Содержимое myData:

 {
    "id" : "1",
    "name" : "Name 1",
    "stuff" : [ 
        {
            "cmd" : "something here"
        }, 
        {
            "cmd" : "something else here"
        }
    ]
}

Тогда мой app.component.html У меня есть:

 <ul class="code-editor-options-menu" *ngFor="let dat of myData">
  <li>
    <span>{{dat.name}}</span>
    <span aria-hidden="true">{{dat.stuff.cmd}}</span>
  </li>
</ul>

С помощью этого: {{dat.stuff.cmd}} я пытаюсь перечислить все элементы внутри материала.

Как я могу это сделать?

Комментарии:

1. Какой у вас myData ? Это один JSON, как вы показали, или это на самом деле массив объектов?

Ответ №1:

name не является частью материала, поэтому вы не можете выполнять итерации

проверьте этот фрагмент: ваш пример

компонент:

   myData = {
    "id": "1",
    "name": "Name 1",
    "stuff": [
      {
        "cmd": "something here"
      },
      {
        "cmd": "something else here"
      }
    ]
  }

Вид: 

 <ul class="code-editor-options-menu" *ngFor="let dat of myData.stuff">
  <li>
    <span>{{myData.name}}</span>
    <span aria-hidden="true">{{dat.cmd}}</span>
  </li>
</ul>