Angular 4 *ngFor，ngx-pipes获取顶级键的名称

Angular 4中的*ngFor是一个结构指令，用于在模板中循环遍历一个集合，并为每个元素生成相应的HTML代码。ngx-pipes是一个Angular库，提供了一些常用的管道（pipes），用于对数据进行处理和转换。

*ngFor的语法如下：

<element *ngFor="let item of collection; let i = index">
  <!-- code to be repeated for each item -->
</element>

其中，collection是要遍历的集合，item是集合中的每个元素，i是元素的索引。

ngx-pipes是一个强大的管道库，可以用于对数据进行过滤、排序、分组等操作。它提供了许多常用的管道，如filter、orderBy、groupBy等。

获取顶级键的名称是指获取一个对象的所有顶级属性（键）的名称。在Angular中，可以使用Object.keys()方法来实现这个功能。Object.keys()方法返回一个包含对象所有顶级属性名称的数组。

以下是一个示例代码，演示了如何使用*ngFor和ngx-pipes来获取一个对象的顶级键的名称：

<div *ngFor="let key of object | keys">
  {{ key }}
</div>

其中，object是要获取顶级键的对象，keys是ngx-pipes库中的一个管道，用于获取对象的顶级键。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/tencentdb
• 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
• 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
• 腾讯云移动开发（Mobile）：https://cloud.tencent.com/product/mobile
• 腾讯云区块链（Blockchain）：https://cloud.tencent.com/product/bc
• 腾讯云元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse

请注意，以上链接仅供参考，具体的产品选择应根据实际需求进行评估和决策。