当前位置: 首页 > 知识库问答 >
问题:

使用Angular Materials实现缺口轮廓主题的问题

邢雨华
2023-03-14

我想用Angular Materials实现Notked Outline Materials主题。Materials Design提供了一般的安装说明(https://material.io/develop/web/components/input-controls/notched-outline),但几乎没有提供有关将其与Angular本身一起使用的信息(https://material.io/develop/web/docs/framework-integration)。有人成功地将MDC Web(例如Notked Outline)实现为框架吗?你的过程是什么?

共有1个答案

濮阳默
2023-03-14

“角度材质形状”字段支持“材质凹口轮廓”主题。将外观设置为轮廓

<mat-form-field appearance="outline">
  <mat-label>Outline form field</mat-label>
  <input matInput placeholder="Placeholder">
  <mat-icon matSuffix>sentiment_very_satisfied</mat-icon>
  <mat-hint>Hint</mat-hint>
</mat-form-field>

参见Stackblitz演示。

 类似资料:
  • 主要内容:1. outline-style,2. outline-width,3. outline-color,4. outline,5. outline-offset轮廓(outline)是绘制于元素周围的一条线,位于边框的外围(紧贴着边框),主要用来突出显示某个元素,如下图所示: 图:轮廓(outline) 轮廓和边框看起来非常相似,但它们之间也并非没有区别,例如: 元素上下左右四个方向上边框的样式、宽度、颜色可以单独设置,而轮廓在元素四个方向的宽度、样式、颜色都是相同的,不能单独设置; 边

  • 我有2个URL,其中1个特定于Dev,另一个特定于Prod。我也在使用Spring profiling,其中我有一个单独的文件用于Dev和Prod application-Dev。性能和应用-prod。属性和我的应用。对于Dev env,属性文件如下所示 spring.profiles.active=dev 现在在我的java代码中,我想有一个属性,它将根据我使用的Spring配置文件绑定到适当的

  • 我们当前的设置包含一个使用Ant处理的文件夹结构: > 窗口: 底座: application.properties null null null Linux: 底座: application.properties application.properties application.properties application.properties 有没有一种方法可以使用Spring配置文件来使

  • 问题内容: 我在Postgres DB中有一个这样的表: 该表包含因缺勤原因(类型)不同而导致雇员缺勤的每一天的非连续日条目。但是,缺勤期可能跨越这几天,并且在以前没有相同类型的5天之内的任何缺勤条目仍被视为相同缺勤“期间”的一部分。 我需要获取每个员工缺勤期间的输出,这些期间的开始和结束日期加上该跨多个日期的期间内的总天数。 由于本报告目的将不同类型的缺勤视为相同,这一事实使情况更加复杂。因此,

  • 目标 了解轮廓是什么。 学习查找轮廓,绘制轮廓等。 你将看到以下功能:cv.findContours(),cv.drawContours() 什么是轮廓? 轮廓可以简单地解释为连接具有相同颜色或强度的所有连续点(沿边界)的曲线。轮廓是用于形状分析以及对象检测和识别的有用工具。 为了获得更高的准确性,请使用二进制图像。因此,在找到轮廓之前,请应用阈值或canny边缘检测。 从OpenCV 3.2开始