Как получить отмененное значение из mat-select

Question

У меня есть таблица матов, внутри таблицы у меня есть этот выбор матов:

<mat-select multiple placeholder="{{element.name}}" [(value)]="selectedCol" (selectionChange)="selectionChange($event)" [disabled]="!selection.isSelected(element.id)">
          <div *ngFor="let item of col">
            <div *ngIf="item.Id === element.id">
              <mat-option [value]="item.id"> 
                {{item.name}}
              </mat-option>
            </div>
          </div>
</mat-select>

Мне нужно получить отмененное выделение значения, чтобы я мог удалить его из списка выбранных значений, потому что каждая строка в моей таблице сохраняется в одной переменной в selectionChange.

Answer 1

Мне нужно получить выбранное значение, чтобы я мог удалить его из список выбранных значений, потому что каждая строка в моей таблице сохраняется в одна переменная в "selectionChange".

Почему ?? Angular сделает работу за вас. Используйте [(ngModel)] или FormControl

<mat-form-field>
  <mat-select placeholder="Toppings" [(ngModel)]="toppings" multiple>
    <mat-option *ngFor="let topping of toppingList" [value]="topping">{{topping}}</mat-option>
  </mat-select>
</mat-form-field>
{{toppings|json}}

//in your .ts
toppings:any[]=[]

или

<mat-form-field>
  <mat-select placeholder="Toppings" [(formControl)]="toppings" multiple>
    <mat-option *ngFor="let topping of toppingList" [value]="topping">{{topping}}</mat-option>
  </mat-select>
</mat-form-field>
{{toppings.value|json}}
//in your .ts
  toppings = new FormControl();

Answer 2

Я понял это. Мне нужно отменить выбор значения, потому что у меня больше mat-select с тем же значением ngModel / value. Для ее решения я использовал SelectionModel Class .

Answer 3

На стороне HTML

(selectionChange)="selectionChange($event)"

на тс Сиде

selectionChange(event: MatSelectChange) {
      console.log(event.value)
}

где значение - список объектов (массив)