ionic 实现复选框的全选,单选和反选

由于工作需要,最近一段时间开始接触ionic,期间遇到了很多问题,都没来得及整理,以后会慢慢的整理遇到的问题及解决办法,如果我的解决办法有问题或者有更好解决办法的,希望大家能多多指正!

1.下面先看下需求:

截图如下:分别对应单选,全选和反选

 

ionic 实现复选框的全选,单选和反选ionic 实现复选框的全选,单选和反选ionic 实现复选框的全选,单选和反选

其实很简单,只是我还没有很好的掌握的数据的双向绑定以及如何获取被选中的复选框,导致在这一块用了很长时间!

另外我用ng-click无法触发点击事件的函数,求教为什么?

2.对应的html文件

ionic 实现复选框的全选,单选和反选

3.对应的ts文件代码

ionic 实现复选框的全选,单选和反选

ionic 实现复选框的全选,单选和反选

ionic 实现复选框的全选,单选和反选

ok,就这么简单!希望能帮到有需求的朋友们!