angular - 禁用 mdInput 文本字段的 float

标签 angular angular-material angular-material2

在 Angular 4 (Material) 应用程序中,我有一个用于搜索的文本字段。当我在字段中键入时,会出现第二个字段,显示输入的文本。当我滚动页面时,这个新字段会 float 。如何禁用 float 行为?

这似乎不是文本字段的默认行为。我试过 md-no-float,但这是我理解的占位符文本。有人建议设置一个空的 value,所以我添加了它,但问题仍然存在。

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

最佳答案

根据 @angular/material2 的 6.4.5 版本,您可以使用 floatLabel 输入属性控制 float 标签,如您在其 floating label documentation 中所见。 .

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

关于angular - 禁用 mdInput 文本字段的 float ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46418625/

相关文章:

angular - 如何在两个模块之间共享服务 - @NgModule 在 Angular 上而不是在组件之间?

html - Angular Material 占位符和输入/文本区域样式

angular - 如何在 Angular Material 中使用输入类型文件

Angular 4 - Material 2 - md datepicker 设置一周的第一天

javascript - 获取基本 href Angular 4

angular - ngrx:如何在 createSelector 方法中将参数传递给选择器

javascript - 从下拉列表中选择一个项目将所有下拉列表设置为相同

angular - 从焦点上的 Material 输入和离开焦点时移除标签

Angular Reactive 表单没有从隐藏字段中获取值(value)?

unit-testing - 如何对 material2 图标进行单元测试