Я создаю веб-приложение, использующее Angular 6, о онлайн-викторине, которая содержит несколько вопросов, которые по своему выбору выглядят как таблица. Я использовал MatTableSourcedata для отображения содержимого строк и столбцов, у меня есть несколько столбцов, которые являются флажками для выбора.
Вот код определения столбца:
<!-- Checkbox Column -->
<ng-container matColumnDef="select5">
<th mat-header-cell *matHeaderCellDef> Always </th>
<td mat-cell *matCellDef="let row ;let i = index;">
<div *ngFor="let number of question.options">
<mat-checkbox [(ngModel)]="option.number" (change)="onSelect(question,
option);">
</mat-checkbox>
</div>
</td>
</ng-container>
И это метод onSelect:
onSelect(question: Question, option: Option) {
if (question.questionTypeId === 3) {
this.config.requiredAll = true;
question.options.forEach((x) => { if (x.id !== option.id) x.selected =
false; });
this.option.number = this.selection.selected.length;
}
else {
this.config.requiredAll = false;
}
console.log(question.options);
}
Если вам нужно больше кода или пояснений, дайте мне знать, пожалуйста, я должен знать, как назначить индекс выбранной ячейки номеру опции.