/ / Disabilita float per il campo di testo mdInput - angolare, materiale angolare, materiale angolare2

Disabilita float per mdInput text field - angular, angular-material, angular-material2

In un'app Angular 4 (Materiale), ho un testocampo per la ricerca. Quando digito il campo, appare un secondo campo che mostra il testo inserito. Questo nuovo campo fluttua mentre scorro la pagina. Come disabilito il comportamento flottante?

Non sembra essere un comportamento predefinito per un campo di testo md-no-floatma questo è il testo segnaposto che ho capito. Qualcuno ha suggerito di impostare un vuoto value, quindi l'ho aggiunto, ma il problema rimane.

<md-input-container md-no-float style="width: 100%">
<input mdInput formControlName="search" value="" placeholder="Search Terms" />
</md-input-container>

risposte:

6 per risposta № 1
<md-input-container [floatPlaceholder]=""never"">

questo mi ha aiutato a nascondere il segnaposto galleggiante

Modificare: Dal momento che il materiale angolare 6

<mat-form-field floatPlaceholder="never">

0 per risposta № 2

Si scopre che è il completamento automatico di Chrome a comparire.

Se aggiungi autocomplete="off" sia per la forma che per il campo di input, andrà via.