отображать значения флажка в итерационной таблице angular 8 - PullRequest
0 голосов
/ 29 марта 2020
  1. Я не могу перебрать свою таблицу
  2. Я не могу получить значения флажков, только получая истинные ложные значения, мои флажки

внутри шаблона-

  <label class="checkbox-inline" *ngFor="let day of days">
      <input
       type="checkbox"
       formControlName="{{ day.name }}"
       name="{{ day.name }}"/>
       {{ day.value }}
  </label>

внутри файла TS

  days: any = [
    {
      id: 1,
      name: "repeat_sun",
      isActive: false,

      value: "Sun"
    },
    {
      id: 2,
      name: "repeat_mon",
      isActive: false,

      value: "Mon"
    },
    {
      id: 3,
      name: "repeat_tue",
      isActive: false,

      value: "Tue"
    }

  ];

шаблон:

<table class="table table-bordered">
  <thead>
    <tr>

     <th scope="col">days</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <!-- selected day -->
   <td></td> 
    </tr>
  </tbody>
</table>

https://stackblitz.com/edit/angular-5n6ff6

1 Ответ

1 голос
/ 30 марта 2020
  1. Вы забыли атрибут value:
 <input type="checkbox"
              formControlName="{{ day.name }}"
              value="{{day.value}}"
              name="{{ day.name }}" />{{ day.value }}
Вот пример итерации ваших сотрудников внутри после отправки forTableArray:
<tbody>
    <tr *ngFor="let employee of forTableArray.employee">
      <td>{{employee.firstName}}</td>
      <td>{{employee.lastName}}</td>
      <td>
        <span *ngFor="let skill_exp of employee.skills">
          {{skill_exp.skill}} {{skill_exp.exp}}
        </span>
      </td>
      ...
    </tr>
  </tbody>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...