在Angular 6.1中引入了KeyValuePipe，允许您迭代对象属性：

<div *ngFor="let item of object | keyvalue">
  {{item.key}}:{{item.value}}
</div>

文件：https://angular.io/api/common/KeyValuePipe

我不知道这是否安全，但对于这些简单的情况，我不喜欢管道解决方案，所以我通常用途：

<div *ngFor="let k of objectKeys(yourObject)">
    {{yourObject[k].color}}
</div>

在控制器中：

objectKeys(obj) {
    return Object.keys(obj);
}

这是一个相当常见的情况，我不明白为什么没有一个标准的实现，如在Angular.js1.x中

更好的解决方案是使用如下管道：

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

/**
 * Convert Object to array of keys.
 */
@Pipe({
  name: 'appProperties'
})
export class PropertiesPipe implements PipeTransform {

  transform(value: {}): string[] {

    if (!value) {
      return [];
    }

    return Object.keys(value);
  }
}

然后在模板中：

<div *ngFor="let property of response | appProperties">
    <div *ngFor="let item of response[property]">
         {{item.something}}
    </div>
</div>

<div *ngFor="let item of donation_list | keyvalue">
        <div class="donation-box">
             <Label class="donation-label">Date : {{item.value.PaymentDate}}</Label>
             <Label class="donation-label">Time : {{item.value.PaymentTime}}</Label>

        </div>
   </div>

如果对象中有更多属性，可以像这样使用。

使用Object.values从对象中获取一个常规数组。Object.keys看起来是很多不必要的工作。
参考：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Object/values

解决方案

在一个完美的世界里，你会得到一个对象数组，因为世界并不总是完美的。你要做的是，把所有的对象存储在一个数组里。这里是一个简单的解决方案，用普通的旧JavaScript。

**步骤1.**使用Object.keys获取所有对象键。此方法返回给定对象自己的可枚举属性的数组。
**第二步。**创建一个空数组。这是所有属性所在的地方，因为你的新ngFor循环将指向这个数组，我们必须捕获所有属性。
**第3步。**迭代抛出所有键，并将每个键推入您创建的数组中。

这是代码的样子。

// Evil response in a variable. Here are all my vehicles.
let evilResponse = { 
  "car" : 
    { 
       "color" : "red",
       "model" : "2013"
    },
   "motorcycle": 
    { 
       "color" : "red",
       "model" : "2016"
    },
   "bicycle": 
    { 
       "color" : "red",
       "model" : "2011"
    }
}
// Step 1. Get all the object keys.
let evilResponseProps = Object.keys(evilResponse);
// Step 2. Create an empty array.
let goodResponse = [];
// Step 3. Iterate throw all keys.
for (prop of evilResponseProps) { 
    goodResponse.push(evilResponseProps[prop]);
}

然后，您可以将goodResponse赋给您最初试图迭代的class属性。
就这些了。

将数组声明为any，然后将对象

data=[] as any;
myObj={};

data=myObj;

现在循环通过数据数组

<tr *ngFor="let item of data">
<td>{{item.property}}</td>
</tr>

有两种方法：
1.如果对象项没有键

{ name: 'John', age: 18,... }

<div *ngFor="let item of myObj | keyvalue">
    Key: <strong>{{item.key}}</strong> and Value: <span>{{item.value}}</span>
</div>

1.如果您的对象项具有键

管道

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

type Args = "keyvalue" | "value" | "key";

@Pipe({
    name: "pipeMapToIterable",
    pure: false
})
export class MapToIterablePipe implements PipeTransform {
    transform(obj: {}, arg: Args = "keyvalue") {
        return arg === "keyvalue" ?
            Object.keys(obj).map(key => ({ key: key, value: obj[key] })) :
            arg === "key" ?
                Object.keys(obj) :
                arg === "value" ?
                    Object.keys(obj).map(key => obj[key]) :
                    null;
    }
}

超文本标记语言

{ 
    John: { name: 'John', age: 18 },
    Bob: { name: 'Bob', age: 25},
    Marry: { name: 'Marry', age: 22}
}

<!-- default -->
<div *ngFor="let item of myObj | pipeMapToIterable">
    Key: <strong>{{item.key}}</strong> and Value: <span>{{item.value}</span>
</div>

<!-- keyvalue -->
<div *ngFor="let item of myObj | pipeMapToIterable : 'keyvalue'">
    Key: <strong>{{item.key}}</strong> and Value: <span>{{item.value}</span>
</div>

<!-- value -->
<div *ngFor="let item of myObj | pipeMapToIterable : 'value'">
    Key: <strong>{{item.key}}</strong> and Value: <span>{{item.value}</span>
</div>

<!-- key -->
<div *ngFor="let item of myObj | pipeMapToIterable : 'key'">
    Key: <strong>{{item.key}}</strong> and Value: <span>{{item.value}</span>
</div>

你可以试试这个：

<div *ngFor="let item of object | keyvalue">
  {{item.key}}:{{item.value}}
</div>

欲了解更多信息，请访问：https://angular.io/api/common/KeyValuePipe