如何更新页面内容？

Question

我正在尝试从页面中删除卡片，我希望在刷卡后立即将其删除，并动态更新内容，而无需使用此代码来刷新整个页面：

<template>
    <candidate-header id.bind="id"></candidate-header>
    <router-view></router-view>    
</template>

离子卡：

reloadPage() {
    this.navCtrl.setRoot(this.navCtrl.getActive().component);
}

ts：

<ion-card *ngFor="let e of tasks;let i = index" (swipe)="delete(i)">
    <ion-card-header>
        <ion-label>{{e.taskName}}</ion-label>
    </ion-card-header>
    <ion-card-content>
        <p>{{e.task}}</p>
    </ion-card-content>
</ion-card>

Answer 1

从您的任务数组中拼接条目就足够了，无需重新加载页面：

delete(i) {
   this.tasks.splice(i, 1);
}

查看此Stackblitz