当我在angular中使用自定义组件时，我在单选框中遇到错误

// 自定义组件 radio-button.component.ts
import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-radio-button',
  template: `<input type="radio" [value]="value" (change)="onChange($event)">`
})
export class RadioButtonComponent {
  @Input() value: any;
  onChange(event: Event) {
    // 处理变化事件
  }
}

<!-- 父组件模板 -->
<app-radio-button [value]="option.value" *ngFor="let option of options"></app-radio-button>

// 自定义组件 radio-button.component.ts
import { Component, Input, Output, EventEmitter } from '@angular/core';

@Component({
  selector: 'app-radio-button',
  template: `<input type="radio" [value]="value" (change)="onChange.emit($event.target.value)">`
})
export class RadioButtonComponent {
  @Input() value: any;
  @Output() onChange = new EventEmitter<any>();
}

<!-- 父组件模板 -->
<app-radio-button [value]="option.value" (onChange)="onRadioChange($event)" *ngFor="let option of options"></app-radio-button>

/* 自定义组件样式 */
input[type="radio"] {
  margin: 5px;
}

// 父组件组件类
import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';

@Component({
  selector: 'app-parent',
  template: `...`
})
export class ParentComponent {
  radioControl = new FormControl();
  options = [
    { label: 'Option 1', value: '1' },
    { label: 'Option 2', value: '2' }
  ];
}

<!-- 父组件模板 -->
<app-radio-button [formControl]="radioControl" [value]="option.value" *ngFor="let option of options"></app-radio-button>