网站搜索

typescript - 使用 primeng 表单控件和 Angular 响应式表单,我如何获取下拉框的值


我有一个 primeng 下拉组件....

 <form [formGroup]="skillsForm">
      <p-dropdown [options]="experienceList" optionLabel="name" formControlName="example" ></p-dropdown>
</form>

在嵌套的表单组和数组深处,所以我需要使用响应式表单。

我尝试使用获取选择器的值

skillsForm.value.example

并获取该物品

{name: 'Over a year', value: '1.0'}

在该字段中再次选择。

这很好,但是,我希望为指定的字段获取值1.0。因此,我本以为primeng会有一个选项允许你指定返回的值,但我找不到这个选项。

答案#1

在你的组件中声明一个变量,比如“selectedElement”,并将其绑定到你的下拉菜单,如下所示:

所选值将绑定到您的 selectedElement