Как делать ngFor* укрытый Угловой 2?

В хороший день друзья у меня есть следующий array объектов:

public data:any = [
{
  'format': 'format1',
  'subFormats': [
  {'name': 'subform1'},
  {'name': 'subform2'},
  {'name': 'subform3'},

  ]
},
{
  'format': 'format2',
  'subFormats': [
  {'name': 'subform2.1'},
  {'name': 'subform2.2'},
  {'name': 'subform2.3'},

  ]
},
{'format': 'format3',
  'subFormats': [
  {'name': 'subform3.1'},
  {'name': 'subform3.2'},
  {'name': 'subform3.3'},

  ]}

];

Идея состоит в том, чтобы мочь показывать стоимость "format" и в показывании каждой из них также subformats; то, что я попробовал, состоит в том, чтобы делать два ngFor укрытые, один, чтобы показывать "format" и другой, чтобы больше показывать Ваш "subformats" repectivos, но оно я не функционирует.

Это мой вид:

  • {{ hero.format }}

    {{subform.subFormats.name}}

  • Здесь - полный пример: https://stackblitz.com/edit/angular-7yasq7? embed=1&file=src/app/app.component.ts

    У Alguién идея есть, из как он делается? Заранее большое спасибо!

    0
    задан 09.03.2019, 20:10
    1 ответ

    Твой html deberГ, - чтобы оставаться asГ-:

    <hello name="{{ name }}"></hello>
    <li *ngFor="let hero of data">
          {{ hero.format }}
          <p *ngFor="let subform of hero.subFormats">
              {{subform.name}}
          </p>
        </li>

    , Где он "восходит", - договоренность объектов.
    "hero" - объект внутри договоренности объектов "восходит".
    Потом во втором for, пробегает признак "subFormats" объекта "hero".
    В конце концов пишет себе имя объекта "subform" внутри договоренности "subFormats".

    2
    ответ дан 19.11.2019, 22:21
    • 1
      Большое спасибо!, было справедливым то, в чем он нуждался –  Venté 10.03.2019, 07:01