在角上迭代物体

Question

在角上迭代物体我试图做一些事情在角2阿尔法28，并有一个问题的字典和NgFor。我在打字稿中有一个界面，如下所示：interface Dictionary {     [ index: string ]: string }在JavaScript中，这将转换为一个具有数据的对象，该对象可能如下所示：myDict={'key1':'value1','key2':'value2'}我想反复讨论这个问题，并尝试了以下几个方面：<div *ngFor="(#key, #value) of myDict">{{key}}:{{value}}</div>但没有结果，以下任何一项也都没有发挥作用：<div *ngFor="#value of myDict">{{value}}</div> <div *ngFor="#value of myDict #key=index">{{key}}:{{value}}</div>在所有情况下，我都会收到诸如“意外令牌”或“无法找到‘iterableDiff’管道支持对象”之类的错误。我在这里错过了什么？这不可能了吗？(第一种语法在角1.x中工作)，还是迭代对象的语法不同？

Answer 1

试着用这个管子

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({ name: 'values',  pure: false })
export class ValuesPipe implements PipeTransform {
  transform(value: any, args: any[] = null): any {
    return Object.keys(value).map(key => value[key]);
  }
}

<div *ngFor="#value of object | values"> </div>