Как добавить `checkbox` в цикле` ngFor` - PullRequest
Новая
       6

Как добавить `checkbox` в цикле` ngFor`

0 голосов
/ 30 мая 2018

В моем цикле ngFor я добавляю несколько флажков, все добавляются.Но ведет себя как кнопка radio.Я могу выбрать только один флажок за раз.что здесь не так?кто-нибудь мне помочь?

вот мой шаблон: 

<div class="vas-obs vas-selected" *ngFor="let vas of vasDatas;let i=index;">
          <div class="vas-obs-text checkbox-container">{{appProps[vas.title]}}
            <input type="checkbox" checked="checked" name="vas{{i}}">
            <span class="checkmark"></span>
            </div>
            <div class="vas-obs-value"><sup class="currency">THB</sup>{{vas.value}}</div>
            <div class="horizantal-line-obs"></div>
            <div class="vas-obs-text-inner">Lorem ipsum dolor sit amet,consectetur adip</div>
      </div>

1 Ответ

0 голосов
/ 30 мая 2018 
<input type="checkbox" checked="checked" name="vas{{i}}">

Проверенный атрибут является общим для всех входов.Это поле должно быть динамическим, как и ваш атрибут имени.

Вы можете добавить поле к каждому объекту vas при создании 

checked: boolean

Затем привязать модель к проверенному полю в каждом'vas' object

Вот пример стека, показывающий эту идею: https://stackblitz.com/edit/angular-km8sew

В сущности, просто подставьте поля вашего объекта и т. д.: 

<div class="vas-obs vas-selected" *ngFor="let vas of vasDatas; let i=index;">
  <div class="vas-obs-text checkbox-container">
    <input type="checkbox" [(ngModel)]="vas.checked" name="vas{{i}}"> {{vas.name}}
  </div>
</div>
...