当复选框未选中时，我想返回我的所有列表

Question

当我取消选中我的文本框时，它不会返回 selectedItemsList .希望你能理解我的问题。

 changeSelection() {
            this.checkedIDs = []
            this.selectedItemsList = this.DisplayProductList.filter((value, index) => {
              if (value.isChecked == true) {
               
                return value.isChecked
              }
            
                else{
                this.selectedItemsList = this.ProductData;
              
              }
             
            });
          
            this.router.navigate(['pipeline/cluster/policies'])
            this.sendclusteridApi()
          }

Answer 1

             if (value.isChecked == false){
                this.selectedItemsList = this.ProductData;
              }
                else{
                this.selectedItemsList = this.ProductData;
              
              }

你在这里肯定错了。在if 和else 条件下做同样的事情。

Answer 2

根据需要更改此代码，遵循相同的结构：

HTML：

<mat-checkbox (click)="showData()" (checked)="(isChecked)" (change)="isChecked = !isChecked"></mat-checkbox>

<!-- below part only to visually see the change  -->
<div *ngFor="let elem of displayedItems">
    <p>{{ elem.name }}</p>
</div>

打字稿：

displayedItems = [];
selectedItemsList = [
        {
            item1: 'hello',
            name: 'item1',
        },
        {
            item2: 'hello',
            name: 'item3',
        },
        {
            item3: 'hello',
            name: 'item3',
        },
    ];

showData() {
        if (this.isChecked === false) {
            this.displayedItems = this.selectedItemsList;
        } else {
            this.displayedItems = [];
        }
    }