angular - Angular Material mat-select中的值必须是多选模式下的数组

Question

我正在使用 Angular Material 垫选择组件。

        <mat-table [dataSource]="dataSource" class="mat-elevation-z8" matSort >

              <ng-container matColumnDef="sensitive">
                <mat-header-cell class="table-header header-p" *matHeaderCellDef> <b>sensitive</b> </mat-header-cell>
                <mat-cell class="table-content context-position "  *matCellDef="let element"  >
                  <mat-select placeholder="sensitive"  multiple [(ngModel)]="element.sensitive" >
                    <mat-option *ngFor="let type of sensitiveList" [value]="type">{{type}}</mat-option>
                  </mat-select>
                </mat-cell>
              </ng-container>

              <mat-header-row class="table-header-row" *matHeaderRowDef="displayedColumns"></mat-header-row>
              <mat-row  [ngClass]="((i%2) == 1) ? 'table-content-row-single' : 'table-content-row-double'"  *matRowDef="let row; columns: displayedColumns;"></mat-row>
        </mat-table>

typescript 敏感列表:字符串[] = ['无'，'敏感']； 对于(变量我= 0;我

为什么运行代码会报错

Value must be an array in multiple-selection mode

Answer 1

您有一个多重选择，它提供一个数据数组，而您的元素属性“敏感”不是一个数组!将您的属性“敏感”更改为字符串数组或从垫选择中删除“多个”以获得单个值，您的问题应该得到解决