NG0303: Can‘t bind to ‘ngFor‘ since it isn‘t a known property of ‘xxx‘ 错误应该如何解决?

在这里插入图片描述
原因:使用了CommonModule的指令与服务,但是没有引入CommonModule内置模块。

在Angular中,CommonModule是一个很重要的内置模块,它提供了许多通用的指令和服务,对于任何Angular应用来说,这些都是必需的。这个模块包含了如NgIfNgForOfNgClassNgStyle等指令,它们用于实现各种常见的UI结构和行为。

CommonModule位于@angular/common包中,通常在特性模块中导入它,用于那些需要这些基础指令的组件。

在特性模块中,当你需要用到常用的指令和管道时应导入CommonModule。下面是一个导入CommonModule的例子:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

@NgModule({
  declarations: [
    // 你模块中的组件、指令等
  ],
  imports: [
    CommonModule
    // 其他需要的Angular模块
  ],
  // 其他@NgModule属性
})
export class YourFeatureModule { }

在创建跨多个平台(如服务器、Web Worker)的Angular应用中,CommonModule是必须的,因为它提供了平台独立的基础功能。如果你在不同的平台上运行,那么你会选择性地导入不同的模块来启动应用(例如在服务器上使用ServerModule来代替在浏览器中使用的BrowserModule),但不管怎样,你仍然需要CommonModule来支持其通用功能。

  • 15
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值