I made an app in ionic 4. It work fine on single device. But when same app installed on 3 devices then it behaves like below:
When all devices has opened same screen and one device tried to delete some item(Any operation) then other two devices also reflect the screen changes but does not clear the old items. Just wondering how it reflects other devices even if they are sitting idle, just sharing same screen only :(
For ex if there are 4 items on page one and i delete one item then other two devices has old 4 items and adds 3 item duplicate. i.e it preserves old items and adds 3 more new items i.e it has deleted 4th one and added 3 remaining with old items as well.
I come to know that it actually does not clear the screen on other devices before adding new changes :( . Is this bug in ionic ?
Below are my code :
<ion-content>
<!-- HEADER -->
<div class="header">
<h1>Tables</h1>
<!-- <div class="avatar">
<ion-img src="assets\images\face.png"></ion-img>
</div> -->
</div>
<!-- PRODUCTS -->
<!-- <h1 class="list-header">Booking Tables Available</h1> -->
<div class="food-list">
<app-table-item *ngFor="let table of tables1" [table]="table" (clicked)="goToBookTablePage(table)"></app-table-item>
</div>
</ion-content>
It will display the below screen like this
When i add tables from another device say table 3 then it look like this on other 2 devices:
It adds what i highlighted in yellow box
Can anyone looks this please.
