web-dev-qa-db-ja.com

mdInputテキストフィールドのfloatを無効にする

Angular 4（Material）アプリには、検索用のテキストフィールドがあります。フィールドに入力すると、入力したテキストを示す2番目のフィールドが表示されます。この新しいフィールドはスクロールすると浮きます。ページ。フローティング動作を無効にするにはどうすればよいですか？

これは、テキストフィールドのデフォルトの動作ではないようです。私はもう試した md-no-float、しかしそれは私が理解しているプレースホルダーテキストのためです。誰かが空のvalueを設定することを提案したので、それを追加しましたが、問題は残ります。

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

Chromeオートコンプリートがポップアップすることがわかりました。

フォームと入力フィールドの両方にautocomplete="off"を追加すると、削除されます。

0
beachCode
<md-input-container [floatPlaceholder]="'never'">

これは、フローティングプレースホルダーを非表示にするのに役立ちました

編集：以降Angularマテリアル6

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

@ angular/material2のバージョン6.4.5に従って、 フローティングラベルのドキュメント に示されているように、floatLabel入力プロパティを使用してフローティングラベルを制御できます。

<mat-form-field [floatLabel]="'never'">
12
j3ff

プレースホルダー属性を削除するだけです

<input matInput placeholder="Input">

に

<input matInput >
0
FlyingTurtle