In Recursive dynamic Angular component checkbox selection handling

Issue

Here I'm facing a problem in the parent checkbox select and deselect if I click the parent checkbox all children will be selected if uncheck the child checkbox it's not changing the parent checkbox selection

I want to achieve dynamic change in parent checkbox selection based on children checked or unchecked (i tried so many ways but was unable to get parent info)

here you can check my stackblitz - https://stackblitz.com/edit/angular-ivy-jjebba?file=package.json,src%2Fstyles.scss

Solution

You need to have the array reference and loop all child elements checked or not. Here is the working version in stackblitz.

Answered By - Bala