angular - 如何取消 Angular Material 2 中的 selectionChange 事件？

Question

我想要的是:如果p1或p2被锁定，选择的选项保持不变；但是下面的代码不正确。所选选项仍然更改。谁能给我一些建议？

html

<mat-form-field style="text-align: center; width: 25%;">
      <mat-select #singleSwap [(value)]="categoryProduct.sort"  
     (selectionChange)="singleSwapSelectionChange(singleSwap.value,categoryProduct.id)">
         <mat-option *ngFor="let option of options" [value]="option">
              {{ option }}
         </mat-option>
       </mat-select>
    </mat-form-field>

组件

singleSwapSelectionChange(currentSelection: number, id: number) {
    let p1 = this.categoryProducts.find(p => p.sort === currentSelection);
    let p2 = this.categoryProducts.find(p => p.id === id);
    if (p1.is_locked || p2.is_locked) {
      console.log('locked!')
      return;
    }
    p1.sort = p2.sort;
    p2.sort = currentSelection;

Answer 1

在html中发送事件:

(selectionChange)="asignarProcedure_reasing($event,$event.value,value.id)"

需要在ts的方法中接收事件:

asignarProcedure_reasing(e,user_id,procedure_id){

  if(result.dismiss){

            debugger;
            e.source.writeValue(0);

            // window.location.reload();
            // this.ngOnInit();           
         }

这对我有用。我希望它也对你有用。