即使选择了取消或关闭,也可以选择离子模式记忆复选框

时间:2018-10-22 16:21:42

标签: angular ionic-framework ionic3

我打开了一个带有复选框列表的模态(全部选中),取消选中其中一些复选框,然后当我取消模态并再次重新打开它时,即使我已取消,复选框也未选中。

StackBlitz here.

我要使用复选框列表而不是选择组件,因为我想要一个“全选”按钮。

我发现了this个类似的问题,但尚未得到答案。

我想知道为什么选择仍然存在?如何消除模态时忘记选择? (除非用户选择“保存”,但我还没有实现)。

这是新手,所以对您的帮助表示赞赏!

1 个答案:

答案 0 :(得分:1)

问题在于您正在修改服务中的模型值,因为您没有克隆对象,而是在使用对它的引用。

问题在以下行中:

this.filmListCopy = this.filmService.getFilmList();

您可以像这样进行深度复制:

this.filmListCopy = JSON.parse(JSON.stringify(this.filmService.getFilmList()));

欢呼