Multiple combo box rule set component

Question

To simplify I have these values in a ruleset for combo boy:

A | B
1 | 1
1 | 2
2 | 2
2 | 3

Columns A and B represent values that can appear in a combo box. So when someone selects first combo box as value 1, the second combo box will only allow values 1 and 2 to be selected. If the second combo box is selected as value 2, first combo box will only have value 2 for selection. I say simplified because I need four combo-boxes set up with a dynamic ruleset.

Is there something in angular that can handle this kind of ruleset (a component, code, or pattern)?

Answer 1

I just did a functional example of how I did it without any of the components. For anyone needing something like this, you can check the code here:

https://angular-ivy-tmedmd.stackblitz.io