本文介绍了在Ionic4.x应用中实现购物车功能的全选、反选逻辑，以及如何在页面切换或刷新后保持购物车状态。通过封装获取选中商品数量的函数，避免了全选按钮的死循环问题，并详细讲解了全选按钮的样式调整。此外，文章还展示了如何在商品详情页面跳转到购物车，包括新建页面、复制代码和设置路由跳转的方法。
一、全选反选
1.实现刚进来时，若商品前面的checkbox都选中，则全选按钮选中，只要有一个未选中，全选按钮未选中
思路：购物车里的商品数量 和 选中的商品数量进行对比，若相等，则全选 => 要封装一个获取选中的商品数量的函数
（1）在【cart.service.ts】里封装 获取选中的商品数量 的函数
（2）【tab3.page.ts】里
定义一个变量isCheckedAll，默认为true，表示全选
比较购物车数量和选中商品的数量，相等则全选为true，反之全选为false
ionic4.x仿京东 - 10.1.4.购物车-全选反选、保存购物车状态、商品详情跳转到购物车
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
