generate dynamic data and checkbox in angular

Question

Hi all,

 

am having 2 tables 

1.Role

2.Screen 

 

need to save rolebased screen permission like below

 

Role	Screen1	Screen2	Screen3
admin	true(checkbox)	true(checkbox)	false(checkbox)
PM	false(checkbox)	false(checkbox)	false(checkbox)

 

 

need to show and map the Role based screen permission 

can anyone tell me how the model should be and how to form a design based on no of role and screen dynamically in angular 9 

how the model should be in c#

how to achieve the above logic