Angular 9 - How to create a Select Box with Groups and Subgroups?

Question

I have an array of elements that look like this:

elements = [
{name: \'Root1\', id: 1, parent_id: null},  
{name: \'Child1\', id: 2, parent_id: 1}, 
{name: \'Chil