Angular простая вложенная итерация - PullRequest
Новая
       9

Angular простая вложенная итерация

0 голосов
/ 03 марта 2020

Мои JSON Данные 

    [
    {"type":"select","label":"Company Name",
        "options":{"ck_i1":"Comp 1","ck_i2":"Comp 2","ck_i3":"Comp 3","ck_i4":"Comp 4"}
    }
    ,   
    {"type":"text","label":"Proposed Date","effectiveDate": "" }
    ,
    {"type":"text","label":"Named Indivdual","namedIndividual": "" }
    ,
    {"type":"text","label":"Date of Birth","dob": "" }
    ]

Шаблон 

       <li *ngFor="let item of items">
            {{item}}
          <ul *ngFor="let child of item">
            {{ child.label  }}
          </ul>
         </li>

Компонент TS 

      items = [];
        this.items = Array.of(this.jsonData);

Первая итерация работает нормально и отображает JSON. Но вторая итерация child.label выдает ошибку

типа 'строка'. NgFor поддерживает только привязку к Iterables, таким как массивы

Любая подсказка, что может быть причиной этого?

Спасибо.

...