[(ngModel)]from the button group, do the data binding in the component(rather than the template) and leave the state of the button UI to the Material component.
reset()is then simply
this.buttonGroup.value = '';
input. You might be able to engineer something that works with the existing mat-form-field, but threre isn't any fancy integration with the lib + angular material
option-groupsfor you! It's a customized version of what they have on the main Material Design website. Here's my hacked version of mat-select, hope it helps!
mat-select-optionbut for the
mat-select-optgrouplike ripples, checkboxes, cursor reactions, disabled state. This was so much fun!
<td>, you can just substitute it with respective tags as seen in this pull request... It works just fine ever since 2018, can you give an example of a project where it did not work for you?