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

Angular14已导入CommonModule仍报ngForOf不是tr已知属性错误

报错产生原因
  • 核心触发点是模板HTML标签语法错误:你提供的表格模板中,绑定*ngFor的<tr>元素没有正确闭合,循环内容结束后错误书写了开标签<tr>,而非对应的闭合标签</tr>。Angular模板编译器解析DOM时遇到标签不匹配问题,会打乱结构指令的解析上下文,无法识别*ngFor是Angular内置结构指令,转而将ngForOf当成普通<tr>元素的自定义属性做绑定,最终抛出该错误。
  • 你当前的模块配置没有问题:业务子模块导入CommonModule、根模块导入BrowserModule的写法完全符合Angular规范,这也是项目其他位置使用*ngFor无异常的原因,不需要调整模块导入逻辑。
修复方案
  • 首先修正模板的标签闭合错误,将循环块末尾错误的<tr>开标签替换为</tr>闭合标签,修正后的模板代码如下:
<table>
  <tbody>
    <tr *ngFor="let item of productsData">
      <!-- 原有业务代码 -->
    </tr>
  </tbody>
</table>
  • 保存代码等待Angular开发服务重新编译即可,若编译缓存未刷新,直接重启本地ng serve进程就能彻底解决报错。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.27 14:03:18