I have a device that contains several items. Now I want to display all items of the device in my Angular App on the HTML page, but I have problems iterating the observable that contains the array. I get the following error with my current code.
Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.
<tbody *ngFor="let item of (device | async).itemMap">
<tr>
<td>{{ item.name }}</td>
// ...
</tr>
</tbody>
export interface Device {
items: DeviceItem[];
}
@Input()
public device: Observable<Device>;