Tengo la siguiente estructura de datos en mi tabla de Firebase:

Dentro de miAngular2 aplicación recupero las entradas y las visualizo en unaselect list como se muestra aquí:

<select class="form-control" id="lookingFor" formControlName="gender" >
   <option value="" selected>Please Select</option>
   <option *ngFor="let status of genderValue" [value]="status.id">{{ status.description}}</option>
</select>

Como puede ver, mi primer elemento en la lista es seleccionar, se selecciona de manera predeterminada antes de que hayan guardado su perfil. El problema que tengo es cuando guardan su perfil y vuelven a cargar la página de edición del perfil, el valor seleccionado es, por supuesto, 'seleccione' cuando debe ser masculino o femenino.

Después de algunas búsquedas agregué el siguiente atributo[selected] mi código ahora se ve así:

<select class="form-control" id="lookingFor" formControlName="gender" >
       <option value="" selected>Please Select</option>
       <option *ngFor="let status of genderValue" [value]="status.id" [selected]="editProfileForm.controls.gender">{{ status.description}}</option>
    </select>

Sin embargo, cuando ejecuta el proyecto, seleccionamale como predeterminado, incluso si elimino el valor deFirebase siempre permanecerá como hombre seleccionado.

Con respecto a lo que estoy haciendo dentro de mi archivo ts, simplemente llamoFirebase construyo la lista de selección, luego llamo a get User Profile, luego paso los valores del perfil a mi configuración de formulario (reactivo).

Entonces mi pregunta es, ¿cómo puedo tenerPlease Select como seleccionado si el usuario no ha especificado su género, o si ha especificado su género, configure el elemento relevante como seleccionado.

NOTA: Uso el ID único generado por firebase como el valor que se guarda cuando el usuario guarda su perfil.

Esta es la parte donde configuro mi formulario:

// userProfile is returned from Firebase
// gender will either have a value or it'll be null.
this.editProfileForm = new FormGroup({
    seeking: new FormControl('', Validators.required),
    gender: new FormControl(this.userProfile.gender, Validators.required)
 });

Después de que editProfileForm se haya configurado, muestra claramente el valor de género: