Angular2 Dropdown revierte a la opción seleccionada previamente
Tengo esta simple selección de HTML para implementar el menú desplegable en Angular2 (TS) como se muestra a continuación
<select id="pageSize" (change)="onPageSizeChanged($event, pagination.pageSize)">
<option value="10">10</option>
<option value="20">20</option>
<option value="50">50</option>
</select>
El valor previamente seleccionado se mantiene enpagination.pageSize
variable. Y al cambiar esto, quería abrir un cuadro de diálogo y esperar la respuesta de los usuarios. Si es usuario, hace clic en cancelar Quiero revertir la selección a las opciones seleccionadas previamente.
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
}
}
Intenté muchas cosas diferentes pero sin suerte.
Por favor ayuda, estoy perdiendo la cabeza sobre esta cosa simple. Debo estar haciendo algo estúpido.
Intentos # 1 - No funcionó (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; }
}