After adding [(ngModel)] to a radio button group, the default [checked] no longer works

Question

I\'m working on a small reusable Component which styles radio buttons and emits the selected values.

import { Component, OnInit, Input, Output, EventEmitter          


        

Answer 1

I was able to emit the value and retain the default styling with minimal changes by altering the input's template to:

...which I find kind of hacky. It also doesn't explain why adding data/property binding broke it, so I'm open to more suggestions.