Angular 4使用嵌套*ngFor正确

Angular 4是一种流行的前端开发框架，它使用TypeScript编写，并且具有强大的功能和灵活性。在Angular 4中，*ngFor是一个常用的指令，用于在模板中循环渲染数据。

使用嵌套*ngFor可以正确地实现多层级的数据渲染。下面是一个示例代码：

<div *ngFor="let category of categories">
  <h2>{{ category.name }}</h2>
  <ul>
    <li *ngFor="let item of category.items">
      {{ item.name }}
    </li>
  </ul>
</div>

在上面的代码中，我们首先使用外层的ngFor循环遍历categories数组，然后在每个category中使用内层的ngFor循环遍历items数组。这样就可以正确地渲染多层级的数据。

*ngFor指令的优势是可以方便地处理循环渲染数据，减少了手动编写重复的HTML代码的工作量。它可以应用于各种场景，例如展示列表、生成表格、创建导航菜单等。

在腾讯云的产品中，推荐使用云开发（CloudBase）来支持Angular 4应用的部署和运行。云开发是一种全栈云原生开发平台，提供了丰富的后端服务和工具，可以帮助开发者快速构建和部署应用。

腾讯云开发产品介绍链接地址：腾讯云开发

通过使用云开发，你可以将Angular 4应用部署到腾讯云上，并且可以轻松地与其他腾讯云服务进行集成，例如云数据库、云存储等。

希望以上内容能够帮助你正确地使用嵌套*ngFor来渲染数据。如果还有其他问题，请随时提问。