[Angular]ng-forでオブジェクトを回してkeyとvalueを取得する。

AngularのディレクティブであるngForで以下のように、オブジェクトを回そうとすると、エラーになります。

ERROR Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.

Object.keysを使った方がいいかなと思いましたが、
Angularがkeyvalueというデフォルトpipeを用意してくれています。

*ngFor=”example error of examples | keyvalue”としたあとで、以下のような感じでそれぞれ取得できます。

{{example.key}}
{{example.value}}

バージョン6.1.0からみたいなので、それ以降は使えるはずです。
最近バージョン8も出ましたし、Angularはどんどん便利になっているようです。