[英]primeng <p-dropdown> get previous selected value
我想在primeng dropdown中获得先前选择的值。
<p-dropdown [options]="options" [filter]="true" [(ngModel)]="selectedType" (onChange)="onSelectType($event)" formControlName="alertType"></p-dropdown>
在更改事件中,我想使用api检查所选类型是否有效,但如果无效,则需要还原。 由于我使用的是ngModel,因此只要下拉值更改,selectedType的值就会更改。
那么如何获取先前选择的值?
此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 ;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.