как я могу реализовать сворачиваемую группу с флажком для просмотра дерева в angular

Question

Я хочу создать компонент Tree View в Angular со сворачиваемым и флажком. Я хочу разработать полностью настраиваемое древовидное представление с флажком и сворачиваемым, поэтому мы не можем использовать другие плагины или дизайн материалов.

Пожалуйста, найдите мой код по адресу -

https://stackblitz.com/edit/angular-7xcthz

Здесь я могу отобразить древовидное представление с флажком в пользовательском интерфейсе. Но хотите реализовать складную функциональность -

1. Сворачиваемая группа со значком шеврона перед каждым родительским узлом
2. Значок складного шеврона должен отображаться для родительского узла, когда присутствует дочерний элемент, в противном случае он должен отображаться с флажком, но не должен отображать значок шеврона.
3. Общие функции развертывания и свертывания необходимо реализовать для всего дерева.
4. Значок шеврона не должен отображаться, если дочерний узел отсутствует.

Я ценю вашу огромную помощь..