I am encountering an issue when attempting to iterate through and display data using ngFor.
The specific error appearing in the console is "Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays."
Below is the code snippet causing the error:
//TS Component
var lssessionsObject = JSON.parse(localStorage.getItem('sessionsObject'));
//localstorage array
lssessionObject = {"total_rows":1,"offset":0,"rows":[{"id":"245fd1cbf38f79256a7443a0b5001461","key":"245fd1cbf38f79256a7443a0b5001461","value":{"cinemaid":"0001","session":"168970","filmid":"HO00003858","screen":"VIP 1","datetime":"2017-07-22T11:00:00","attributes":["3D Film","Scene VIP"]}}]}
HTML
<ion-slides class="image-slider" slidesPerView="3" pager="true">
<ion-slide *ngFor="let item of sessionsObject" class="border">
<button ion-item color="primary" id={{item.filmid}} class="bottom-slider">
{{item.filmid}}
</button>
</ion-slide>
</ion-slides>
Your help in resolving this issue is greatly appreciated.