Ion-radio : Can't bind to 'checked' since it isn't a known property

I don’t know why i am getting this error , any help is highly appreciated

form [formGroup]="radioForm">
    <ion-list class="radio-list" lines="full">
      <ion-radio-group class="radio-group" formControlName="selected_option">
        <ion-item class="radio-item" *ngFor="let item of details.sizeVariants">
          <ion-label class="radio-label">{{item.name}}</ion-label>
          <ion-radio slot="start" color="primary" [value]="item.value" style="size: 14px;"
          [checked]="item.default" ></ion-radio>
        </ion-item>
      </ion-radio-group>
    </ion-list>
  </form>

.ts file

import { FormGroup, FormControl} from '@angular/forms';

.module.ts

mport { ReactiveFormsModule , FormsModule} from '@angular/forms';
const routes: Routes = [
  {
    path: '',
    component: FoodDetailsPage,
    // resolve: {
    //   data: FoodDetailsResolver
    // }
  }
];

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    RouterModule.forChild(routes),
    ComponentsModule,
    HttpClientModule,
    ReactiveFormsModule,
   ],

1 post - 1 participant

Read full topic