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

Angular中mat-checkbox绑定checked属性报错,原因是什么?

Angular Material Checkbox 绑定checked属性报错的解决记录

问题描述

作为Angular新手,使用mat-checkbox元素时,尝试将布尔值绑定到checked属性,出现如下错误:

Can't bind to 'checked' since it isn't a known property of 'mat-checkbox'

使用的HTML代码:

<mat-checkbox [checked]="isChecked" >CheckBox</mat-checkbox>

排查过程

  • 已确认package.json中Angular及Angular Material依赖版本匹配,且app.module.ts中正确导入MatCheckboxModule
  • 尝试卸载重装Angular CLI、Angular Material,问题未解决
  • 调整app.module.ts内模块导入顺序,无效
  • 新建空白测试项目,仍出现相同报错,但切换到WebStorm开发时功能正常

最终解决方案

重装VSCode后,报错消失,mat-checkbox的checked属性绑定功能恢复正常。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.20 01:02:04