从选中的单选按钮中提取id和value以传递给@Output,可以通过以下步骤实现:
<input type="radio" id="option1" name="options" value="1" [(ngModel)]="selectedOption">
<label for="option1">Option 1</label>
<input type="radio" id="option2" name="options" value="2" [(ngModel)]="selectedOption">
<label for="option2">Option 2</label>
selectedOption: any;
@Output() selectedOptionChange = new EventEmitter<any>();
ngOnInit() {
this.selectedOptionChange.emit({ id: this.selectedOption, value: this.selectedOption });
}
<app-child-component (selectedOptionChange)="handleSelectedOption($event)"></app-child-component>
handleSelectedOption(event: any) {
const id = event.id;
const value = event.value;
// 进行后续操作
}
通过以上步骤,你可以从选中的单选按钮中提取id和value,并将其传递给父组件进行处理。
领取专属 10元无门槛券
手把手带您无忧上云