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

Question

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

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

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

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

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

Я ценю вашу большую помощь ..