我想将复选框绑定到枚举值

Question

我想将枚举值绑定到HTML页面中的复选框组。当我选择任何带标签的复选框时，与其相对应的整数值应存储在数组中。

我有这个枚举。

typesOfAccess :any = [
{1 : 'Create user '},{2 : 'Delete user '},
{3 : 'Update user '},{4 : 'Create Group'},
{5 : 'Update user '},{6 : 'delete group'}];


<div class="access-content">
     <mat-selection-list accessRight>
       <mat-list-option ngFor="let a of typesOfAccess">
          {{a}}
      </mat-list-option>
   </mat-selection-list>
</div>

我要存储和删除选择和取消选择每个复选框的相应数值。

Answer 1

您可以使用以下代码

component.html

<mat-selection-list #list [(ngModel)]="selectedOptions" (ngModelChange)="onNgModelChange($event)">
<mat-list-option *ngFor="let tta of taskTypeAreas; let i = index" [value]="i+1">
  {{tta[i+1]}}
</mat-list-option>

component.ts

taskTypeAreas:any = [
{1 : 'Create user '},{2 : 'Delete user '},
{3 : 'Update user '},{4 : 'Create Group'},
{5 : 'Update user '},{6 : 'delete group'}];

selectedOptions: [] = [];