Angular报错：cann‘t bind to ngClass since it is‘t a known property of div

2025/6/6 11:03:13 来源：https://blog.csdn.net/qq_44327851/article/details/148458010 浏览: 次关键词：Angular报错：cann‘t bind to ngClass since it is‘t a known property of div

遇到的错误：

Can't bind to 'ngClass' since it isn't a known property of 'div'

这个错误是 Angular 中 最常见的模板编译错误之一，通常出现在你试图使用 ngClass 指令，但 Angular 没有识别它的情况下。

✅ 错误的根本原因

Angular 不知道 ngClass 是什么，因为你还没有在当前模块中引入 CommonModule 或 BrowserModule。

💡 解决办法

▶ 如果你是在 AppModule（根模块）中写组件：

应该已经引入了 BrowserModule，它包含了 ngClass，比如：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';@NgModule({imports: [BrowserModule],declarations: [AppComponent],bootstrap: [AppComponent]
})
export class AppModule {}

✅ 如果已经这样写了，但还是报错，请确认 AppComponent 里是否正确声明了你出错的组件。

▶ 如果你是在 子模块 / 懒加载模块 中写组件：

必须在该模块中引入 CommonModule，因为 ngClass 属于它。

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { YourComponent } from './your.component';@NgModule({declarations: [YourComponent],imports: [CommonModule]
})
export class YourFeatureModule {}