角度-找不到管道“键值”

时间:2018-08-19 09:02:12

标签: angular angular-pipe

我正在用简单的代码测试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" }
}

但是它给了我这个错误:

  

模板解析错误:找不到管道“键值”(“ testObj |键值”> prop的键:{{prop.key}}值:{{prop.value}}“)):   ng:///AppModule/AppComponent.html@0:17评估src / main.ts引导   应用

我错过了什么吗?这是我的Stackblitz

2 个答案:

答案 0 :(得分:10)

您的代码很好。您只需要将依赖项更新为6.1,即可使用from selenium.webdriver.support.ui import WebDriverWait from selenium.webdriver.common.by import By from selenium.webdriver.support import expected_conditions as EC 管道。

Stackblitz here

答案 1 :(得分:4)

KeyValue管道在6.1版本中可用。更新您的依赖项将起作用

如果您使用的是角度6,可以尝试一下

HTML

  <div *ngFor="let prop of key">
          <div>key: {{testObj[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