0

Есть таблица, строки которой динамически формируются из массива. Большинство колонок - это характеристики "да/нет". В каждой характеристике в массиве стоит значение selected. При выводе верстки значение чекбокса checked зависит от selected. Вывод происходит без проблем. Но я не могу сообразить, как сделать обратную зависимость, чтобы при смене состояния чекбокса соответствующее значение заносилось в объект. Вроде элементарная задача, а найти решения не могу уже несколько часов. Вот общая картина верстки этой таблицы:

<table class="newnew" [attr.data-vehicles]="1">
   <thead>
      <tr>
         <th *ngFor="let item of arrayObjects">{{item.name}}</th>
      </tr>
   </thead>
   <tbody>
      <tr *ngFor="let item of arrayObjects; let i = index" [attr.data-index]="i">
         <td *ngFor="let item of routeVehicle.vehicleQualities">
            <input [attr.data-uuid]="item.uuid" type="checkbox" [checked]="item.selected" (change)="changeCheckbox($event)">
         </td>
      </tr>
   </tbody>
</table>

1 ответ 1

0

Раз:

public changeCheckbox(item: Item): void {
    item.selected = !item.selected;
}

Также в шаблоне нужно передавать аргументом не событие, а сам объект item:

(change)="changeCheckbox(item)"

Два:

<input type="checkbox" [(ngModel)]="item.selected" [ngModelOptions]="{ standalone: true }">
4
  • Спасибо! Почти сработало. Только значение меняется не с первого раза. Первый клик снимает галочку с чекбокса, но в объекте значение остается true. Второй клик меняет значение на false. Обратный процесс тот же самый: первый клик возвращает галочку, второй - меняет значение на true. Почему так? 23 ноя 2018 в 21:09
  • Разобрался. Заменил (change) на (click) и заработало, как надо. Еще раз спасибо тебе. 23 ноя 2018 в 21:11
  • А ты можешь подсказать, как правильно продублировать этот объект? Сейчас я создаю новый объект, присваиваю его полям поля из текущего объекта (я думал, так значения можно передать), потом пушу этот объект в массив. А получается, что меняя чекбокс в новой строке, меняется чекбокс и в старой. Получается, что при копировании передалось не значение параметра, а ссылка на этот параметр. Как продублировать объект, чтобы его параметры были самостоятельными, но при этом на момент дублирования были такие же, как у копируемого объекта? 23 ноя 2018 в 21:29
  • Не совсем понял твой вопрос :( лучше на stackblitz создай пример 24 ноя 2018 в 2:21

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.