Как получить несколько значений флажка в одном <td>

Question

У меня есть таблица с флажком в одном td.Я должен найти значение для каждого флажка в таблице.Как я могу достичь?

 <tr id="trval" *ngFor="let x of csvData">
   <td id="td" (click)="click($event)" contenteditable *ngFor="let y of x;let j=index" [class.active]="i == selectedRow">
     <i *ngIf="j==0" id="removeicon" class="fa fa-times-circle icon " aria-hidden="true" readonly="true" (click)="deleterow($event)"></i>
     <div *ngIf="j==23" contenteditable>
       <input type="checkbox" id="dppcheck" (change)="dppflagchecked()">
     </div>
     <div *ngIf="j!=23">
       {{y}}
     </div>
   </td>
 </tr>

Answer 1

Чтобы получить значение флажка, вам нужно передать значение в функцию (change)="dppflaggeedChecked('')" и извлечь его в dppflageedchecked() в классе.

 <tr id="trval" *ngFor="let x of csvData; index as i">
   <td id="td" (click)="click($event)" contenteditable *ngFor="let y of x;let j=index" [class.active]="i == selectedRow">
     <i *ngIf="j==0" id="removeicon" class="fa fa-times-circle icon " aria-hidden="true" readonly="true" (click)="deleterow($event)"></i>
     <div *ngIf="j==23" contenteditable>

       <input type="checkbox" [(ngModel)]="chkbx[i]" id="dppcheck" (change)="dppflagchecked()"> <-- here

     </div>
     <div *ngIf="j!=23"> {{y}} </div>
   </td>
 </tr>

** i это индекс флажка, иchkbx является переменной, более того, объект имеет значение флажка на основе индекса.

, поэтому в компоненте вы получите, как

chkbx = {
     0: true, or 1
     1: false or 0
};

в противном случае вы можете изменить имя ключакак [(ngModel)]="chkbx['checkbox_'+i]" и в компоненте вы получите

chkbx = {
     checkbox_0: true, or 1
     checkbox_1: false or 0
};