您好,登錄后才能下訂單哦!
在Angular中,可以通過使用[(ngModel)]指令來實現RadioButton的雙向綁定。以下是一個示例:
在組件的HTML模板中:
<input type="radio" name="gender" value="male" [(ngModel)]="selectedGender"> Male
<input type="radio" name="gender" value="female" [(ngModel)]="selectedGender"> Female
在組件的Typescript文件中:
selectedGender: string;
// 初始化選中的性別
ngOnInit() {
this.selectedGender = 'male';
}
在上面的示例中,我們使用了[(ngModel)]指令來實現RadioButton和selectedGender變量之間的雙向綁定。當用戶選擇其中一個RadioButton時,selectedGender變量的值會自動更新為對應的值(‘male’或’female’)。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。