如何在ng-select中取消选择?

时间:2018-11-14 10:37:19

标签: javascript angular ngrx-store angular-ngselect

我正在使用ngrx-storeAngular 6ns-select。 ngrx的价值来自商店。在某些情况下,我希望在用户更改下拉值时得到确认,例如“您确定吗?”。现在由于使用[(ngModel)]="value"进行双向数据绑定,我找不到防止下拉值更改的方法。代码示例:

<ng-select
  [items]="items"
  [(ngModel)]="value"
  [bindLabel]="'name'"
  [bindValue]="'id'"
  [appendTo]="appendTo"
  (change)="onChange($event)"
  [disabled]="disabled"
>
  <ng-template ng-label-tmp let-item="item">
    <span *ngIf="item.icon" [ngClass]="[item.icon, 'lm-dropdown-icon']"></span>
    <span>{{item.name}}</span>
  </ng-template>
  <ng-template ng-option-tmp let-item="item" let-index="index">
    <span *ngIf="item.icon" [ngClass]="[item.icon, 'lm-dropdown-icon']"></span>
    <span>{{item.name}}</span>
  </ng-template>
</ng-select>

当我单击onChange处理程序值中的下拉选项时,该值已经更改,但是在商店中,它仍然相同。我如何实现这样的目标:

onChange(event) {
   if (allowChange) {
     this.change.emit(event);
   }
}

0 个答案:

没有答案