title: Angular - The pipe 'keyvalue' could not be found
body: <p>I'm testing Angular's <code>keyvalue</code> pipe with simple code:</p>
  
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
    selector: 'app-root',
    template: `&lt;div *ngFor="let prop of testObj | keyvalue"&gt;
        &lt;div&gt;key: {{prop.key}}&lt;/div&gt;
        &lt;div&gt;value: {{prop.value}}&lt;div&gt;
      &lt;/div&gt; `
  })
  export class AppComponent {
    testObj = { id: 1, name: "Abdul Rafay" }
  }
  </code></pre>
  
  <p>but it's giving me this error:</p>
  
  <blockquote>
    <p>Template parse errors: The pipe 'keyvalue' could not be found ("]prop of testObj | keyvalue"> key: {{prop.key}} value: {{prop.value}}"):
    ng:///AppModule/AppComponent.html@0:17 Evaluating src/main.ts Booting
    application</p>
  </blockquote>
  
  <p>am i missing anything? Here's my <a href="https://stackblitz.com/edit/angular-6-template-zebsm2?file=src/app/app.component.ts" rel="noreferrer">Stackblitz</a></p>