溫馨提示×

radio選中事件在Angular中如何應用

小樊
147
2024-06-15 16:04:29
欄目: 編程語言

在Angular中,可以通過以下步驟實現radio選中事件的應用:

  1. 在模板文件中使用radio按鈕,并綁定一個變量來保存選中的值,例如:
<input type="radio" name="option" value="option1" [(ngModel)]="selectedOption">Option 1
<input type="radio" name="option" value="option2" [(ngModel)]="selectedOption">Option 2
  1. 在組件中定義selectedOption變量,并實現radio選中事件的處理邏輯,例如:
export class RadioComponent {
  selectedOption: string;

  onRadioChange(value: string) {
    console.log("Selected option: " + value);
  }
}
  1. 在模板文件中調用onRadioChange方法,并將選中的值作為參數傳遞,例如:
<input type="radio" name="option" value="option1" (change)="onRadioChange('option1')">Option 1
<input type="radio" name="option" value="option2" (change)="onRadioChange('option2')">Option 2

這樣,當用戶選擇不同的radio選項時,會觸發相應的onRadioChange方法,并輸出選中的值到控制臺。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女