Построить динамические c поля в Angular 8 - PullRequest
Новая
       15

Построить динамические c поля в Angular 8

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

У меня есть массив, который выглядит следующим образом (это данные из API, которые будут продолжать меняться .. это просто пример) 

planDivList = [
    { planCode: "A", divisions: [] },
    { planCode: "B", divisions: [] },
    { planCode: "C", divisions: [{ divisionCode: "2", divisionName: "Assisted Living " }, { divisionCode: "1", divisionName: "LILC" }] },
    { planCode: "D", divisions: [{ divisionCode: "3", divisionName: "Four Seasons" }, { divisionCode: "2", divisionName: "Lakeside" }, { divisionCode: "1", divisionName: "Sunrise" }] }
  ];

Мне нужно динамически создавать флажки для PlanCode и деления в раскрывающемся списке для каждого флажка plancode. Пожалуйста, помогите, я новичок в Angular.

1 Ответ

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

Я думаю, что проблема заключается в * ngFor вашего варианта. Попробуйте это: 

<option *ngFor="let division of planDivList[i].divisions">{{division.divisionsName}}</option>

Вы уже находитесь внутри al oop из "newEmployeeForm.controls.planDivList.controls" - поэтому повторение цикла не требуется, и я думаю, в чем проблема.

...