复选框 angular

如何解决复选框 angular

我有两个页面，分别是“查看全部”和“过滤页面”。

在过滤器页面上，我有一个复选框列表，当我单击“查看全部”按钮时，它会根据选中的过滤器显示数据，这很顺利。

我想做一个复选框，如果在我单击“查看全部”按钮后，选中的复选框值仍保留在列表中。

我认为复选框中必须有 setter 和 getter ，但我很困惑如何制作...

我现在创建的是当我点击show all的时候，按照勾选的列表显示数据后进入列表页面，列表是空的，什么也没有勾选。

filterpage.html

<li *ngFor="let source of sourcesList">{{ source.sourceName }}<ion-checkBox class="checkBox" [(ngModel)]="source.checked" ></ion-checkBox></li>

为了获得检查的值，我在 .ts 中使用此代码

 for(let item of this.sourcesList){
        if(item.checked == true){
          params = item.sourceName;
        }
      }

但是怎么做，这样当它再次显示过滤器列表时，它会根据前一个勾号进行检查（不刷新）？？