angular - 即使选择了取消或关闭，离子模式也会记住复选框选择

Question

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

StackBlitz在这里。

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

我发现了这个类似的问题，但没有得到答复。

我想知道为什么选择持续存在？当模式被解除时，如何让它忘记选择？（除非用户选择保存，但我还没有实现）。

这一切都很新，所以任何帮助表示赞赏！

标签： angularionic-frameworkionic3

Answer 1

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

问题出在以下行：

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

您可以像这样进行深层复制：

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

干杯