Tengo un problema muy raro. Tengo una entrada y quiero mostrar un botón solo cuando la entrada tiene un valor. Solo funciona si muevo el mouse.
<input class="form-control" type="text" placeholder="hello there..." #helloInput > {{helloInput.value}} --> not shows until mouse is moving <button class="btn btn-success" *ngIf="helloInput.value" >Show me</button>es muy raro ¿Alguna idea?
Vista de actualizaciones angulares solo llamando a la detección de cambios. La mayoría de las veces sucede automáticamente debido a las llamadas Event listeners/XHR/setTimeout/setInterval.
En su ejemplo, no hay ningún detector de eventos conocido por Angular. Como se actualiza con mousemove, hay un oyente y Angular lo detectó.
Para actualizar su vista sobre cualquier cambio de valor de entrada, simplemente puede agregar un detector de eventos input vacío:
<input class="form-control" type="text" placeholder="hello there..." #helloInput (input)="0" <=============== this one >