You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

升级Angular Material 8至15后'mat-placeholder'未知元素问题求助

解决Angular Material 15中'mat-placeholder'不存在的问题

Angular Material从版本9开始就已废弃mat-placeholder组件,到15版本时已完全移除该组件,这是你报错的核心原因。添加CUSTOM_ELEMENTS_SCHEMA无效是因为它原本就是Angular Material的内置组件,不属于自定义Web组件范畴。

针对你的代码,有两种合规的替换方案:

方案1:直接给matInput添加placeholder属性

<mat-form-field [floatLabel]="'never'">
    <input
        matInput
        readonly
        placeholder="Select date"
        class="date-placeholder"
    />
</mat-form-field>

方案2:使用<mat-label>标签(推荐,符合Material Design规范)

<mat-form-field [floatLabel]="'never'">
    <mat-label class="date-placeholder">Select date</mat-label>
    <input
        matInput
        readonly
    />
</mat-form-field>

如果你的样式是针对date-placeholder类编写的,两种方案都可以保留该类名,确保样式正常生效。

内容的提问来源于stack exchange,提问作者Rafael Ortiz

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.06 02:45:33