Как обновить страницу на Ionic 3 (Ionic, Angular 5)

Question

Я создаю список избранного, который я могу стереть на странице. Он основан на Ionic sqlite хранилище.

Я обнаружил, что Ионная страница будет сохранять удаленные элементы списка, пока я не вернусь на страницу списка. Поэтому необходимо обновить страницу после удаления элемента из ионного хранилища.

Как я могу обновить определенную страницу? window.location.refresh(), кажется, обновляет целые страницы ... это не то, что я пытаюсь сделать.

Мне нужно обновить одну страницу из двадцати страниц в моем приложении, чтобы navCtrl.setRoot() тоже не работало.

Заранее спасибо,

Answer 1

Если вы собираетесь получить список элементов, я бы предложил отображать их с помощью директивы ngFor. Таким образом, когда вы обновляете список, он будет автоматически обновляться там, где он отображается, а не обновлять страницу или что-то в этом роде. Вот краткий пример:

HTML

<ion-content>
 <ion-list> 
  <div *ngFor="let item of items">
    <p>{{item.name}}</p>
  </div>
  <button (click)="deleteFromArray()">Delete From Array</button>
  <button (click)="addToArray()">Add To Array</button>
 </ion-list> 
</ion-content>

машинопись

items: any[] = [{name:'Penguin'},{name:'Seal'},{name:'Lion'}];

deleteFromArray() {
  this.items.pop();
}

addToArray() {
  this.items.push({name: 'Whale'});
}

Надеюсь, это поможет!

Answer 2

Пожалуйста, попробуйте это?

this.navCtrl.setRoot(this.navCtrl.getActive().component);