我在 ionic 4 中制作了一个应用程序。它在单个设备上运行良好。但是当相同的应用程序安装在 3 台设备上时,它的行为如下所示:
当所有设备都打开同一个屏幕并且一个设备尝试删除某些项目(任何操作)时,其他两个设备也反映屏幕变化但不清除旧项目。只是想知道它如何反映其他设备,即使它们处于空闲状态,只共享同一个屏幕:(
例如,如果第一页上有 4 个项目,我删除了一个项目,那么其他两个设备有旧的 4 个项目并添加 3 个重复项目。即它保留了旧项目并添加了 3 个新项目,即它删除了第 4 个并添加了 3 个剩余的旧项目。
我知道在添加新更改之前它实际上并没有清除其他设备上的屏幕:(。这是 ionic 中的错误吗?
下面是我的代码:
<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>
它将像这样显示以下屏幕
当我从另一个设备添加表时说表 3,那么它在其他 2 个设备上看起来像这样:
任何人都可以看看这个。