Angular无故出现Can't bind to 'ngForIn' since it isn't a known property of 'li'报错如何解决

你触发该报错的核心原因是*ngFor指令的语法使用错误：Angular的遍历结构指令*ngFor使用的关键字是of而非in，你在代码中写了let item in items，Angular会将其识别为不存在的ngForIn属性，因此抛出绑定失败错误。

• 第一步：修正模板语法
  将模板中li标签的*ngFor语句里的in替换为of，修正后代码如下：

<ul>
  <li *ngFor="let item of items">{{item.Title}}</li>
</ul>

• 第二步：（语法修正后仍报错时执行）检查依赖导入
  • 若你的项目使用NgModule组织代码：确保当前组件所属的NgModule的imports数组中已引入CommonModule
  • 若你使用Angular 14+的独立组件：确保当前组件@Component装饰器的imports数组中已引入CommonModule

内容的提问来源于stack exchange，提问作者Neo Jabin