在角上迭代物体

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&nbsp;{&nbsp;Pipe,&nbsp;PipeTransform&nbsp;}&nbsp;from&nbsp;'@angular/core'; @Pipe({&nbsp;name:&nbsp;'values',&nbsp;&nbsp;pure:&nbsp;false&nbsp;}) export&nbsp;class&nbsp;ValuesPipe&nbsp;implements&nbsp;PipeTransform&nbsp;{ &nbsp;&nbsp;transform(value:&nbsp;any,&nbsp;args:&nbsp;any[]&nbsp;=&nbsp;null):&nbsp;any&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;Object.keys(value).map(key&nbsp;=>&nbsp;value[key]); &nbsp;&nbsp;} } <div&nbsp;*ngFor="#value&nbsp;of&nbsp;object&nbsp;|&nbsp;values">&nbsp;</div>