Angular中*ngFor指令无法渲染前端数据，请求技术支持

核心错误 #

你的*ngFor指令使用了错误的语法，把关键字of写成了for，这导致Angular无法正确解析循环指令，因此数据无法渲染，且该模板语法错误未触发控制台报错。

修正后的HTML代码 #

<h1>hello</h1>
<h2 *ngIf="posts.length <= 0">no data addedd</h2>
<ul>
  <li *ngFor="let post of posts">
    <h1>{{post.title}}</h1>
    <p>{{post.content}}</p>
  </li>
</ul>

补充说明 #

• Angular的*ngFor循环必须遵循 let 变量名 of 数据源 的格式，of是迭代可迭代对象的专用关键字，不能替换为for。
• 你的组件代码中posts属性定义正常，无需修改，确保组件已在对应模块中正确声明导入即可。

内容的提问来源于stack exchange，提问作者Shravan K Subrahmanya