typescript - Usando los controles de formulario de primeng y formularios reactivos de Angular, ¿cómo puedo obtener el valor del desplegable?

Tengo un componente dropdown de PrimeNG....

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

Muy dentro de grupos de formularios y matrices anidadas, así que necesito usar formularios reactivos.

Intento obtener el valor del selector usando

skillsForm.value.example

y consigue el artículo

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

seleccionado en ese campo de nuevo.

Esto es bueno, sin embargo, quiero el valor 1.0 para ese campo especificado. Por lo tanto, esperaría que primeng tuviera una opción para permitirte especificar el valor retornado, pero no puedo identificar eso.

Respuesta #1

declara una variable en tu componente llamada "selectedElement" y enlázala a tu desplegable como se muestra a continuación:

El valor seleccionado se vinculará a tu elementoSeleccionado