primeng <p-dropdown>前回選択した値を取得

Question

プリムンのドロップダウンで以前に選択した値を取得します。

<p-dropdown [options]="options" [filter]="true" [(ngModel)]="selectedType" (onChange)="onSelectType($event)" formControlName="alertType"></p-dropdown> 

変更イベント時に、選択したタイプが有効であるかどうかを確認したいのですが、無効な場合は元に戻す必要があります。私はngModelを使用しているので、ドロップダウン値が変更されるたびにselectedTypeの値が変更されます。

どのようにして以前に選択した値を取得できますか？

Answer 1

ngModelChangeのこのサンプル例：

app.component.html

<p-dropdown [options]="cities" [(ngModel)]="selectedCity" (ngModelChange)="onSelectType($event)"></p-dropdown> 

app.component.ts

import { SelectItem } from 'primeng/primeng'; 

export class AppComponent { 
    cities: SelectItem[]; 
    selectedCity: any; 
    previousVal: any; 
    currentVal: any; 

    constructor() { 
     this.cities = [{ 
      "label": "London", 
      "value": "london" 
     }, { 
      "label": "USA", 
      "value": "usa" 
     }]; 
    } 

    onSelectType(event) { 
     if(event) { 
      this.previousVal = this.currentVal; 
      this.currentVal = event; 
     } 
     console.log('this.previousVal', this.previousVal); 
     console.log('this.currentVal', this.currentVal); 
    } 
} 

app.module.ts

import { DropdownModule } from 'primeng/primeng'; 

imports: [ DropdownModule ] 

溶液が使用されます。ngModelChange;