Material Design:如何断开浮动标签以供选择?

2023-11-26

我需要创建没有浮动标签的选择字段,但我想要有占位符和默认值。

我阅读文档https://material.angular.io/components/form-field/overview#floating-label并尝试自己做。

<mat-form-field [floatLabel]="never">
  <mat-select placeholder="All categories" [formControl]="catForm" multiple> //First opportunity for use placeholder
    <mat-option *ngFor="let category of categories" [value]="category.name">
      {{ category.name }}
    </mat-option>
  </mat-select>
  <!-- <mat-placeholder>All categories</mat-placeholder> -->//Second opportunity for use placeholder
</mat-form-field>

不管怎样,我得到了浮动标签。那我做错了吗?

enter image description here


正确的做法是:

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

方括号用于变量。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Material Design:如何断开浮动标签以供选择? 的相关文章

  • 如何使用支持库修复缩放的 FloatingActionButton 上的阴影 23

    我在使用支持库 23 的 KitKat 设备上有一个 FAB 我正在缩放按钮以获得过渡效果 通过将其包含在调整大小的视图中 这基本上与阴影不同 阴影以一种奇怪的形式出现 参见屏幕截图中缩放的红色按钮 蓝色按钮是全尺寸 实际发生的情况是 阴影
  • 动态地将输入宽度扩展为字符串的长度

    我正在尝试创建一个input至少在宽度上随着用户输入的字符串的长度动态扩展的字段 甚至可能是多行的 这可能吗 input https material angular io components input overviewAngular
  • Android 材料设计复制工具栏面包屑示例

    我正在尝试复制面包屑示例 我已经将 TextView 添加到工具栏 但无法完全复制工具栏样式的字体 大小 颜色 并且无法让面包屑从屏幕左侧浮动 您将需要创建自己的面包屑视图并将其添加到工具栏中 也许基于现在已弃用的碎片面包屑 https d
  • 角度材质工具栏阴影

    我是材料2新手 我试图将主应用程序工具栏固定在屏幕顶部 问题是标高无法正常工作 内容隐藏了工具栏的阴影 我 这是我的 HTML 代码 app content height calc 100 64px overflow auto
  • 如何在 RecyclerView 中使用拖动手势进行多选?

    这是一个很短的问题 最近 谷歌更新了其材料设计指南 表明多选项目应该像谷歌照片应用程序一样 here https material io guidelines patterns selection html selection usage
  • 角料滑块不滑动

    我在用mat slider并且 当尝试使用鼠标滑动控件时 它不会向左或向右滑动 仅当我单击滑动线上的某个点时它才起作用 我的代码是 div div
  • npm 安装后如何引用 Google Material-Design-Icons?

    所以做完之后npm install material design icons 我如何在我的React应用 所包括的方法here https google github io material design icons icon font
  • 下拉按钮/微调器类似于 Google 设计规范中的按钮

    我想知道如何制作一个下拉按钮 菜单 就像我们在 Google 的设计规范和下图中看到的那样 因此列表在按钮下方展开 我是否需要为其设置自定义布局而不是R layout support simple spinner dropdown item
  • Materialise CSS 侧面导航不起作用

    我已经对 Materialise 运行进行了基本设置 除了滑出侧面导航之外 一切似乎都很好 这是我的代码 菜单 ul class right hide on med and down li a class dropdown button h
  • Angular 4:响应式网格列表

    昨晚开始探索 Angular 4 我只是想知道是否有办法使mat grid listMaterial Design 组件响应式与 Boostrap 如何处理它一样简单 任何人 提前谢谢您 不是纯 html 不过你可以找到一些 html ts
  • 如何删除导航视图不必要的顶部填充?

    标题和图中显示的第一个项目之间有不必要的顶部填充 如何将其去除 你可以在这里找到源代码 https github com chrisbanes cheesesquare https github com chrisbanes cheeses
  • 垫子选择面板最小宽度

    我正在尝试使用多个复选框自定义垫选择 由于某种原因 面板的最小宽度错误 如下所示 我不知道它在哪里计算这个最小宽度 我还尝试添加 panelClass 并覆盖此类的最小宽度 例如
  • 如何使用角度 4 检索两个垫选择中的对象数组

    我有一个对象数组 每个对象都包含一个对象注释数组字段 id 0 name aa notes id 0 xx 14 id 1 xx 12 id 1 zz 9 id 2 name bb notes id 0 xx 7 id 1 xx 17 id
  • Material 2.0.0-beta.3 md-slider不拖动

    希望这是一个愚蠢的问题 我刚刚在为雇主构建的项目中添加了一个 md slider 因此我没有代码来表示抱歉 我将 MdSliderModule 导入到我正在使用的模块中 在我的模板中我想要的位置添加了标签 它出现了 看起来很棒 但不会拖沓
  • 将视图放置在 ConstraintLayout 之外

    我想将视图放置在ConstraintLayout用滑动动画来制作它们的动画 我尝试过设置像这样的约束constraintBottom toTopOf parent 但是View留在容器内 请注意 我希望通过使用内置动画的约束来实现此目的 而
  • 无法在 Angular 4 中使用自定义主题

    我正在尝试在我的角度项目中使用我的自定义主题 它没有按预期工作 我收到以下错误 node modules css loader sourceMap false importLoaders 1 node modules postcss loa
  • Angular with/Angular Material - 对话框主题损坏

    您好 我遇到了 Angular Material 主题在对话框组件中中断的问题 其中文本和其他组件的颜色未按应有的方式工作 在 app component 中 我有一个设置图标按钮来打开对话框 main settings dialog 但当
  • Android 全屏对话框确认和拒绝操作

    材料设计中的全屏对话框应该在操作栏 工具栏上有确认和拒绝操作 我的问题是 我该怎么做 显示对话框 getFragmentManager beginTransaction add R id container new MyDialogFrag
  • 如何使用 Angular Material2 创建嵌套的折叠菜单?

    我正在寻找 Angular Material2 对侧边栏中嵌套菜单的支持 默认情况下 顶层通常是关闭的 打开顶层将公开嵌套的菜单项 我认为这作为一个起点是有意义的 但是子导航项在父项之外渲染 很差 plnkr http plnkr co e
  • 带有真实颜色的图标显示黑色背景

    使用新主题 Theme MaterialComponents 在按钮上放置图标时会显示一个黑框 如何放置具有真实颜色的图标

随机推荐

  • 游戏开发入门

    我想开始游戏开发 我读了很多文章 但没有走得太远 我正在学习计算机科学 并且有 C 经验 一个学期的 Java NET 甚至汇编程序 但我不会从那开始 我想开发 小型 游戏 例如俄罗斯方块 以及后来的某种跳跃和奔跑 我想从事视觉方面的工作
  • R:在 foreach %dopar% 中显示错误和警告消息

    我刚开始使用 foreach dopar 进行并行 并且对于它如何处理错误或警告有一些问题 当我在 foreach dopar 中使用 try 和自定义错误消息时 本机 错误消息不会显示 test lt function x if x 2
  • Java中的隐藏方法是什么?甚至 JavaDoc 的解释也令人困惑

    Javadoc says 调用的隐藏方法的版本是超类中的版本 调用的重写方法的版本是子类中的版本 没有给我敲响警钟 任何显示其含义的清晰示例都将受到高度赞赏 public class Animal public static void fo
  • 如何在 Knex where like 查询中转义 %?

    我在用着knex生成我的 SQL 查询 在knex文档 它显示了这一点 knex users where columnName like rowlikeme 现在在我的应用程序中 我这样做了 function search term ter
  • 可以在应用程序内购买 iOS 7 模拟器吗? [关闭]

    Closed 这个问题不符合堆栈溢出指南 目前不接受答案 看来苹果再次拿走了ios 7模拟器来测试应用内购买的权利 我的游戏在其他版本的 ios 模拟器上运行良好 可以在应用程序购买中进行测试 但突然它在 ios 7 模拟器上停止 并抛出错
  • 如何升级到 C++17?

    我使用 Atom 作为我的 IDE 我当前的 cplusplus 201402这是 C 14 我的编译器是g 海湾合作委员会 9 2 0 如何升级到 C 17 或 C 20 我搜索到的所有内容都涉及使用另一个 IDE Microsoft V
  • 检测基于纬度/经度的多边形中的点

    我想在服务器端仅使用 C 检测基于纬度 经度的坐标是否位于由基于纬度 经度的点组成的区域 多边形 内 我相信正确的方法是光线投射 但也许已经有一个 C 实现了 因为它并不简单 另外 我知道 SQL Server 有一些几何函数 例如STIn
  • 解析 Joda 时间部分

    我想从字符串生成部分 但在 API 中找不到任何支持该功能的内容 显然 我可以在 Joda Time 框架之外编写自己的解析器并创建 Partials 但我无法想象 API 尚不具备执行此操作的能力 使用 Threeten JSR 310
  • java.sql.SQLException:此驱动程序不支持 SQL Server 版本 8。 SQL 状态 = 08S01,错误代码 = 0

    我已将我的应用程序升级到Websphere 7 0from Websphere 6 1 我在用Microsoft SQL server jdbc driver 4 0对于这个应用程序 当我使用sqljdbc4 jar连接到数据库进行身份验证
  • 如何使用 pandas 从 Word 文档 (.docx) 文件中的表创建数据框

    我有一个带有数据表的word文件 docx 我正在尝试使用该表创建一个pandas数据框 我使用了docx和pandas模块 但我无法创建数据框 from docx import Document document Document req
  • 使用 char(36) 类型对第一列进行编码

    所以我有一个 UserProfile 模型类作为 SimpleMembership 的一部分 在其中 我需要存储存在于另一个类型的数据库中的遗留标识符char 36 我很想将其更改为更明智的内容 例如 uniqueIdentifier 但这
  • Spring Security:如何以编程方式清除“记住我”cookie?

    我在网络应用程序中使用注销方法 如下所示 但如果我检查remember me注销不起作用 因为 cookie 未清除 如何在我的方法中以编程方式清除此 cookie 或如何制定更好的注销方法 public void logout Anony
  • 使用 setAs() 在 R 中指定 colClasses 时收到警告 [关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 我尝试使用这里提供的答案 Greg Snowquest
  • 为什么 urllib.urlopen.read() 与源代码不对应?

    我正在尝试获取以下网页 import urllib urllib urlopen http www gallimard jeunesse fr searchjeunesse advanced order author catalog 0 1
  • C++ 模板模板参数的语法

    我很难理解 C 模板模板参数的语法 根据精彩的描述 我明白它们为什么有用here 我只是发现他们的语法很难理解 两个例子取自上述网站 还有其他 template
  • 简单注入器,无法覆盖现有注册

    我目前是第一次使用简单注射器 在我的 NET 项目中 我正在运行测试和模拟从 Web 服务返回的数据 并将对象注册到容器 如下所示 container Register
  • 如何在 virtualenv 中添加 PYTHONPATH 路径

    我正在尝试添加 PYTHONPATH 环境变量的路径 该路径仅在特定的 virtualenv 环境中可见 I tried SET PYTHONPATH 在 virtualenv 命令提示符下 但这会为整个环境设置变量 我该如何实现这一目标
  • 空 div 与具有 inline-block 属性的文本的 div

    想知道这种行为的原因 CSS div display inline block margin right 2px width 20px background color red 空div div style height 20px div
  • 远程事后核心转储分析,无需共享系统库的精确调试符号

    您通常如何解决这个问题 想象一下 一个线程在 Computer1 上的 libc 代码 系统共享库 内部崩溃 然后生成核心转储 但要分析此 coredump 的 Computer2 可能具有不同版本的 libc So 在远程计算机上拥有相同
  • Material Design:如何断开浮动标签以供选择?

    我需要创建没有浮动标签的选择字段 但我想要有占位符和默认值 我阅读文档https material angular io components form field overview floating label并尝试自己做