代码之家 › 专栏 › 技术社区 › Abdul Rafay

角度-找不到管道“keyvalue”

angular-pipe angular

6

Abdul Rafay · 技术社区 · 7 年前

我在测试角度 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" }
}

但这给了我一个错误:

ng:///AppModule/AppComponent.html@0:17正在计算src/main.ts引导

我有什么遗漏吗?这是我的 Stackblitz

2 回复 | 直到 7 年前

1

13

Developer 7 年前

你的密码没问题。您只需将依赖项更新到6.1即可使用 keyvalue 管道。

斯塔克布利茨 here

2

5

Hadi 6 年前

如果你用的是角6,你可以试试这个

  <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