web-dev-qa-db-ja.com

Angular-パイプ 'keyvalue'が見つかりませんでした

私はAngularのkeyvalueパイプを簡単なコードでテストしています：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `<div *ngFor="let prop of testObj | keyvalue">
      <div>key: {{prop.key}}</div>
      <div>value: {{prop.value}}<div>
    </div> `
})
export class AppComponent {
  testObj = { id: 1, name: "Abdul Rafay" }
}

しかし、それは私にこのエラーを与えています：

テンプレート解析エラー：パイプ 'keyvalue'が見つかりませんでした（ "] prop of testObj | keyvalue">キー：{{prop.key}}値：{{prop.value}} "）：ng：/// AppModule /AppComponent.html@0:17 src/main.tsの評価アプリケーションの起動

私は何かが欠けていますか？これが私の Stackblitz です

angularangular-pipe
8
Abdul Rafay

コードは問題ありません。 keyvalueパイプを使用するには、依存関係を6.1に更新する必要があります。

Stackblitz ここ

13
Developer

KeyValue Pipeはangular 6.1で利用でき、依存関係を更新して動作します

angular 6を使用している場合、これを試すことができます

[〜＃〜] html [〜＃〜]

  <div *ngFor="let prop of key">
          <div>key: {{prop}}</div>
          <div>value: {{testObj[prop]}}<div>
        </div>

[〜＃〜] ts [〜＃〜]

 testObj = { id: 1, name: "Abdul Rafay" }
    get key(){
      return Object.keys(this.testObj);
    }

例： https://stackblitz.com/edit/angular-6-template-x9hady

5
Chellappan