title: How to use the keyvalue pipe of Angular 6.1 and specify the displayed keyvalue pairs?
body: <p><strong>The Struggle</strong>
  I'm displaying key value pairs using the Angular 6 keyvalue pipe. This object has multiple keys, how do I display only specific keyvalue pairs (multiple)?</p>
  
  <p>The data exists out of objects. I've tried to use "package.value.package_name", "package.value['package_name']"</p>
  
  <p><strong>Code</strong></p>
  
  <pre><code>&lt;div *ngFor="let function of functionTreeList | keyvalue"&gt;
     Key 1: &lt;b&gt;{{function.key}}&lt;/b&gt; and Value: &lt;b&gt;{{function.value}}&lt;/b&gt;
     &lt;p *ngFor="let package of function.value | keyvalue"&gt;
        Key 2: &lt;b&gt;{{package.key}}&lt;/b&gt; and Value: &lt;b&gt;{{package.value}}&lt;/b&gt;
     &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Given result</strong>:</p>
  
  <p>Key 1: 0 and Value: [object Object]</p>
  
  <p>Key 2: modules and Value: [object Object]</p>
  
  <p>Key 2: package_id and Value: 1</p>
  
  <p>Key 2: package_name and Value: Package 1</p>
  
  <p>Key 1: 1 and Value: [object Object]</p>
  
  <p>Key 2: modules and Value: [object Object],[object Object]</p>
  
  <p>Key 2: package_id and Value: 2</p>
  
  <p>Key 2: package_name and Value: Package 2</p>
  
  <p><strong>Desired result</strong></p>
  
  <p>Desired result is to exclude the visible package_id and put this in Paragraph or Div outside the element. Also making the modules keyvalue pair invisible.</p>