时间戳

首页 > 解决方案 > 如何使用 Angular 6.1 的键值管道并指定显示的键值对？

javascript - 如何使用 Angular 6.1 的键值管道并指定显示的键值对？

问题描述

我正在使用Angular 6 键值管道显示键值对。这个对象有多个键，我如何只显示特定的键值对（多个）？

数据存在于对象之外。我尝试使用“package.value.package_name”、“package.value['package_name']”

代码

<div *ngFor="let function of functionTreeList | keyvalue">
   Key 1: <b>{{function.key}}</b> and Value: <b>{{function.value}}</b>
   <p *ngFor="let package of function.value | keyvalue">
      Key 2: <b>{{package.key}}</b> and Value: <b>{{package.value}}</b>
   </p>
</div>

给定结果：

键 1：0 和值：[object Object]

键 2：模块和值：[object Object]

键 2：package_id 和值：1

键 2：包名称和值：包 1

键 1：1 和值：[object Object]

关键2：模块和值：[object Object]，[object Object]

键 2：package_id 和值：2

键 2：包名称和值：包 2

期望的结果

期望的结果是排除可见的 package_id 并将其放在元素之外的 Paragraph 或 Div 中。还使模块键值对不可见。

标签： javascriptangularpipeangular6

解决方案

推荐阅读