angular5 - *ngFor 中的选择、取消选择、中间复选框树视图

Question

正如我在上面提到的代码，我希望类别是我的父母，当我选择类别checkbox时，它将选择它的所有孩子checkbox(items)。当我选择特定的一个孩子时，类别checkbox是中间的。孩子和子孩子的大小相同。

有什么解决办法吗？

 <ul>
        <li *ngFor="let category of menuitem">
            <span><input type="checkbox 
                   (change)="OnCheckboxSelect(category,$event)">
            </span>
            <span><a href="#{{category._id}}" data-toggle="collapse" > 
                   {{category.category_name}}</a>
            </span>
              <ul id="{{category._id}}" class="collapse">
                 <li *ngFor="let item of category?.category_item">
                    <span><input type="checkbox"   
                          (change)="OnItemSelect(item, $event)"> 
                    </span>
                     <span><a href="#{{item._id}}" data-toggle="collapse"> 
                           {{item.item_name}}</a>
                     </span>
                          <ul id="{{item._id}}" class="collapse">
                             <li *ngFor="let size of item?.item_size">
                                <span><input type="checkbox" name="">
                                </span>
                                <span>{{size.size_name}}
                                </span>
                              </li>
                           </ul>
                    </li>
                </ul>
          </li>
  </ul>