Angular中*ngFor无法读取嵌套数据的解决方法

• 代码里的item.data是数组结构，不是单个数据对象，没法直接访问description属性，必须再加一层循环遍历这个内层数组
• <li>标签里写的item.data.description没有用插值语法{{}}包裹，Angular会把它当成普通文本输出，不会解析成变量取值

<div *ngFor="let item of data">
  <div>{{ item.title }}</div>
  <ul>
    <!-- 内层循环遍历当前分组下的data数组 -->
    <li *ngFor="let dataItem of item.data">
      {{ dataItem.description }}
    </li>
  </ul>
</div>

修改后即可完整渲染所有数据：外层循环先输出每个分组的标题，内层循环把每个分组下的所有描述内容渲染成列表项，不会再出现内容缺失的问题。

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