删除元素后如何刷新Ionic 4列表项

Java用户

我想要做的是删除元素后刷新Ionic 4列表项,因为我收到以下错误:

的HTML:

 <ion-list [hidden]="showAllStations==false">
      <ion-item *ngFor="let item of wayPoints; let i = index">
        <ion-label>{{item.location}}</ion-label>
        <ion-checkbox slot="start" 

        (ionChange)="delete(i)"></ion-checkbox>
      </ion-item>
      <ion-button  type="submit" (click)="deletStations()" expand="block" class="ion-text-center ion-margin-top" >Valide</ion-button>

    </ion-list>

ts:

 delete(index){

 console.log(index);
 this.deletedStations.push(index);
 // delete this.wayPoints[index];
 console.log(this.deletedStations);
}
 deletStations(){
  this.deletedStations.forEach(index => delete this.wayPoints[index]);
  console.log(this.wayPoints);
  this.modalCtrl.dismiss(this.wayPoints);
 }

错误:

ERROR TypeError: Cannot read property 'location' of undefined
哈姆扎汗

尝试这个 :

    delete(index){
      this.wayPoints.splice(index, 1);
    }

您只需使用上述方法从数组中删除该项目,您的数组就会自动更新,更改将反映在列表的前端,在这种情况下,您无需手动刷新列表。祝好运 :)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

删除元素后列表视图未刷新

来自分类Dev

onClick() 删除列表项并刷新

来自分类Dev

如何使用列数排列列表项?

来自分类Dev

如何使用列数排列列表项?

来自分类Dev

Ionic 4 的“ios”模式中列表项的详细箭头

来自分类Dev

根据列的列表项中的值删除行

来自分类Dev

使用jQuery添加列表项后删除列表项

来自分类Dev

如何在列表项中使用Bootstrap列?

来自分类Dev

如何使用CSS将列表项组织成列?

来自分类Dev

如何循环每列中的每个列表项?

来自分类Dev

列表项的删除按钮

来自分类Dev

jQuery列表项删除

来自分类Dev

删除列表项单词后的逗号

来自分类Dev

IONIC 4 样式在视图刷新后更改

来自分类Dev

删除列表项的删除选项

来自分类Dev

在Angularjs中删除后刷新列表

来自分类Dev

如何将列表转换为DataFrame,其中列表项将充当DataFrame中的列?

来自分类Dev

如何从对象列表项中删除填充?

来自分类Dev

如何从列表项的文本中删除日期

来自分类Dev

在Angular中删除所选列表后,列表项未更新

来自分类Dev

使用jQuery删除列表项

来自分类Dev

删除属性= myValue的列表项

来自分类Dev

删除列表项中的引号

来自分类Dev

删除属性= myValue的列表项

来自分类Dev

jQuery-删除列表项

来自分类Dev

jQuery删除父列表项

来自分类Dev

Javascript-删除列表项

来自分类Dev

Jquery 删除特定列表项

来自分类Dev

从数据库中删除项目后如何刷新我的列表视图