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

时间:2019-02-12 13:50:07

标签: javascript angular pipe angular6

挣扎 我正在使用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:package_name和Value:程序包1

键1:1和值:[object Object]

键2:模块和值:[对象对象],[对象对象]

键2:package_id和值:2

键2:package_name和Value:程序包2

所需结果

所需结果是排除可见的package_id并将其放在元素外部的Paragraph或Div中。也使模块的键值对不可见。

0 个答案:

没有答案