从 prime-ng 下拉列表中获取选定的文本

Question

我有以下下拉菜单，我试图从中获取所选选项的文本。

<p-dropdown 
  [(ngModel)]="benefit.investmentStrategy.defaultOptionId" 
  [options]="defaultInvestmentStrategyArray" placeholder="Select" 
  (ngModelChange)="onCheckForUpdate($event)">
</p-dropdown>

defaultInvestmentStrategyArray 看起来像这样

[
      {
        "value": 0,
        "label": "Lifestage – Balanced"
      },
      {
        "value": 1,
        "label": "Lifestage – Passive"
      },
      {
        "value": 2,
        "label": "Lifestage – Specialist"
      }
]

 onCheckForUpdate(changes: any) {
    console.log(changes.target.options[changes.target.options.selectedIndex].text);
 }

如何获取选中的选项文本？目前我得到一个未定义的错误

Answer 1

这样试试：

onCheckForUpdate(evt: any) {
   console.log(this.defaultInvestmentStrategyArray.find(x => x.value == evt).label);
 }

从 prime-ng 下拉列表中获取选定的文本

Get selected text from prime-ng drop down

primeng

angular