gpt4 book ai didi

angular - 使用 Angular Material 实现 Notched Outline 主题时遇到问题

转载 作者:太空狗 更新时间:2023-10-29 17:53:01 24 4
gpt4 key购买 nike

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

最佳答案

Angular 材Form field支持Material Notched Outline主题。将 appearance 设置为 outline

<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>

Material Notched Outline

参见 Stackblitz demo .

关于angular - 使用 Angular Material 实现 Notched Outline 主题时遇到问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57423202/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com