Ionic 4 应用程序安装在多个设备上，在同一屏幕上复制

编程问答 2022-04-27

问题描述

我在 ionic 4 中制作了一个应用程序。它在单个设备上运行良好。但当 相同的应用安装在 3 台设备上，然后它的行为如下：

  1. 当所有设备都打开同一个屏幕并且一台设备试图打开 删除一些项目（任何操作）然后其他两个设备也反映 屏幕改变但不清除旧项目。就是想 即使它们闲置，它如何反映其他设备，只是 仅共享同一屏幕:(

  2. 例如，如果第一页上有 4 个项目，而我删除了一个项目，则 其他两个设备有旧的 4 个项目并添加了 3 个项目重复。即它 保留旧项目并添加 3 个新项目，即它已删除第 4 个 一个并添加了 3 个剩余的旧物品。

  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>

它会像这样显示下面的屏幕

Screen 1

当我从另一台设备添加表时说表 3 然后它在其他 2 台设备上看起来像这样：

It adds what i highlighted in yellow box

谁能看看这个。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

androidandroidangular8ionic-frameworkionic2ionic4