【问题标题】:How to refresh page after delete or update item data in Ionic-V3在 Ionic-V3 中删除或更新项目数据后如何刷新页面
【发布时间】:2019-04-18 13:21:11
【问题描述】:

我想在删除或更新项目后刷新我的页面。 实际上,我搜索并找到了一个解决方案,但这样,重新加载需要 5 秒。

window.location.reload();

所以我想让它变得简单,就像我在更短的时间内点击删除或更新刷新页面..有人知道怎么做吗?

【问题讨论】:

  • 用您的 ionic 页面的代码更新您的问题。

标签: ionic3


【解决方案1】:

使用 ionic(可能是 Angular)你想制作 SPA(单页应用程序),意味着你根本不应该使用 location.reload。

所以基本上你应该在你的组件中有模型——比如items: Array[],然后在你的html中——绑定到这个数据,比如:

<div *ngFor="let item of items" [item]="item"...>...</div>

当您更新(更新数据或删除)模型数据时,Angular 更改检测会注意到这一点并重建视图本身。

Angular 有很好的doc

【讨论】:

  • Ionic 不适合做 SPA (ionicframework.com/docs/components/#navigation)。但是,您适合更改检测。
  • @AugustinR 好吧,离子导航是 ionic 的 Angular 路由器,带有一些额外的前进/后退方法,因此您的页面可能不会完全重新加载,只需要路由器出口部分。它仍然是 SPA,但我同意,您可以使用 Ionic/Angular 创建任何类型的应用程序。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-08-28
相关资源
最近更新 更多