我正在使用ngrx-store
,Angular 6
,ns-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);
}
}