带有复选框 SelectionModel 的 Angular 材质树

Question

我正在尝试预先选择项目，因此我使用了可以正常工作的 SelectionModel，但是会出现问题，即单击父项以取消选择所有子项，必须单击父项 3 次才能使其工作。

ngOninit() {
        this.treeControl.dataNodes.forEach(node => {
          if ( node.level === 2 && res.item_ids.includes(+node.id)) {
             this.checklistSelection.toggle(node);
          }
        }); 
}

如您所见，我正在选择与给定数组与 item_ids 匹配的所有项目，它工作正常，如果选择了所有子项目，它也会选择父项目，但是当我取消选择父项目时它使子项保持选中状态，直到我（取消选择然后选择然后再次取消选择）父项。

Answer 1

我按照Angular材料网站https://stackblitz.com/angular/yvdqyjdmmke?file=app%2Ftree-checklist-example.ts提供的示例找到了解决方案

我使用了提供的函数 todoItemSelectionToggle() 并确保 this.checkAllParentsSelection(node);在函数中使用。