页面加载时从下拉列表中获取默认值

时间:2019-12-11 06:35:06

标签: angular

我正在尝试在页面加载时从下拉列表中获取值。我有一个(onChange)事件,该事件为我提供该值,但仅在选择了下拉值时才提供。

这是我的代码

<p>
  <p-dropdown (onChange)="getRetirementPercentage($event)" [options]="memberContributionPercentages">
  </p-dropdown>
</p

ngOnInit() {
  this.retirementService.data.subscribe(data => this.isDismiss = data);
  this.getRetirementPercentage(event);
}

getRetirementPercentage(event) {
  this.percentage = event.value;
  this.totalContribution = this.ctc * (this.percentage / 100);
}

我如何在下拉列表中获取默认值?

1 个答案:

答案 0 :(得分:2)

使用ngModel这样的两种方式进行数据绑定...

<p>
     <p-dropdown (onChange)="getRetirementPercentage($event)" 
                 [(ngModel)]="selectedValue"
                 [options]="memberContributionPercentages">
     </p-dropdown>
</p>

然后在您的component.ts文件中...

this.selectedValue = 'defautl value'