单击弹出确认对话框的取消按钮时重置 inputSwitch PrimeNg

Question

我使用 inputSwitch PrimeNg 作为带有确认模式的开关。 我的 inputSwitch 未选中，当我单击它时，会显示模态，然后我单击否，inputSwitch 仍保持选中状态。 当我不确认更改时，我不知道如何防止它。

HTML：

<p-inputSwitch [ngModel]="opportunity.mainQuoteId === quote.id" 
  (onChange)="onChangeMainQuote($event, opportunity, quote.id)"> 
</p-inputSwitch>

和TS：

onChangeMainQuote(event, opportunity: Opportunity, mainQuoteId: string) {
        this.confirmationDialogService.confirm('Changement de devis principal',
            'Etes-vous sur de vouloir changer de devis principal ?', 'LABEL_CONFIRM_DELETION', 'LABEL_CANCEL')
            .then((confirmed) => {
                if (confirmed) {
                    if (event.checked) {
                        opportunity.mainQuoteId = mainQuoteId;
                        this.cdr.detectChanges();
                    }                 
                }              
            })
            .catch((res) => {
            });
}

谢谢你的帮助

Answer 1

我建议您使用 angular 双重绑定。

html：

 <p-inputSwitch [ngModel]="opportunity.mainQuoteId === quote.id" 
    [(ngModel)]="isChecked"
      (onChange)="onChangeMainQuote($event, opportunity, quote.id)"> 
    </p-inputSwitch>

TS：

现在，当您单击“否”时，只需将 isChecked 的值更改为 false