We have a page where we have a list of about sensors which is a custom component, this custom component has several subcomponents which shows data and other information.
<ion-row> <sensor *ngFor="let sensor of sensors;" ion-col col-12 col-sm-6 col-md-4 [sensor]="sensor" [configure]="true"> </sensor> </ion-row>
As you can se we have a sensors array which we loop and create our list of sensor components. Sensor component and sensor object has several sub objects and sub components. A sub component is mapped to a sub object of sensor object.
So if we update this list, or only a part of this list by our business logic, the component should be re rendered.
But sometimes the component is not updated and re rendered, this happening only on mobile devices there is absolutely no problem on desktop web browser.
So the question is, how should we update objects and how can we guarantee the components are updated and rendered again with new values?