angular - 如何禁用在输入上方飞行的 Angular Material 占位符

标签 angular angular-material

我有一个 Angular Material 输入。在大多数形式中,当我点击它时,我喜欢这种行为(占位符位于输入上方)。但在某些情况下,我需要这个占位符消失。

此外,我需要控件不在输入“上方”使用一些空白。

1) 可能吗?怎么办?

2) 如果不是,你会怎么做才能仍然使用 Angular Material 主题的主题样式(文本颜色、无边框、大小、...)?

不确定它是否有帮助,但这是一个我不想要它的例子(搜索文本):https://stackblitz.com/edit/angular-scgar8

最佳答案

Material 字段有一个floatLabel属性(property)。

您可以将其设置为never 以获得您想要的结果。

<mat-form-field floatLabel="never">
  <input matInput placeholder="search">
</mat-form-field>

关于angular - 如何禁用在输入上方飞行的 Angular Material 占位符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59490323/

相关文章:

javascript - 是否有 'angular.element($0).scope()' 的 Angular 2 等价物

javascript - 滚动顶部在 angular2 中无法正常工作

javascript - 显示垫子离场 Angular 9 的组件误差

css - Angular Material md-card-header 背景

javascript - 如何在 Angular Material 中自定义 md-select 的弹出菜单?

html - 如何在 Angular Material Design 中使 md 内容可滚动

angular - Dart中的 “Unable to find modules for some sources…”错误

javascript - 如何在不重复应用它的元素的情况下使用 "ngFor"?

javascript - HTML 中使用异步管道检索数据的 Angular 6 问题

angular - 以 Angular Material 调用 Dialog 组件内的组件