O menu suspenso Angular2 reverte para a opção selecionada anteriormente
Eu tenho esse HTML simples, selecione para implementar o menu suspenso no Angular2 (TS), como mostrado abaixo
<select id="pageSize" (change)="onPageSizeChanged($event, pagination.pageSize)">
<option value="10">10</option>
<option value="20">20</option>
<option value="50">50</option>
</select>
O valor selecionado anteriormente é mantido empagination.pageSize
variável. E com a mudança disso, eu queria abrir uma caixa de diálogo e aguardar a resposta dos usuários. Se usuário, clica em cancelar. Quero reverter a seleção para as opções selecionadas anteriormente.
onPageSizeChanged(event, oldValue) {
const response = window.confirm("Are you sure you want change the page size? Your edits will be lost?");
if (response) {
//... some code ...
} else {
//... here I want to revert the selection to previously selected option
}
}
Tentei muitas coisas diferentes, mas sem sorte.
Por favor, ajudem, estou perdendo a cabeça por causa dessa coisa simples. Eu devo estar fazendo algo estúpido.
Tenta # 1 - Não funcionou (Plunk -https://embed.plnkr.co/ILi12O/)
<select id="pageSize" [ngModel]="pageSize" (ngModelChange)="onPageSizeChanged($event, pagination.pageSize)">
<option value="10">10</option>
<option value="20">20</option>
<option value="50">50</option>
</select>
onPageSizeChanged(event, oldValue) {
const response = window.confirm("Are you sure you want change the page size? Your edits will be lost?");
if (response) { //go ahead so something }
else { this.pageSize = oldValue; }
}