mi código del componente es el siguiente:

conectado: boolean; seleccionarDispositivos(): void {   funcion() { \Esta es mi función asíncrona     ... \Código asíncrono     if(...) {       this.conectado = true;     } else {       this.conectado = false;     }   } }

mi código del html es el siguiente:

<button type="button" (click)="seleccionarDispositivos()" class="btn btn-default"> Seleccionar dispositivo </button> {{conectado}}

¿Como puedo hacer que la variable conectado este siempre sincronizada? Cada vez que pulso el botón seleccionar dispositivo me muestra siempre el valor anterior y no el actual. Es curioso porque si llamo a otra función del componente entre medias si que se me actualiza el valor en el html, si no me muestra el anterior.