angular - 從 TypeScript 程式碼中程式化地檢查 ion-radio
我有一個相當簡單的問題,但我找不到任何答案。我有這段程式碼:
<ion-list radio-group [(ngModel)]="profile_activities" name="activities">
<ion-item>
<ion-label>Option 1</ion-label>
<ion-radio (ionSelect)='selectedActivity($event);' value="0"></ion-radio>
</ion-item>
<ion-item>
<ion-label>Option 2</ion-label>
<ion-radio (ionSelect)='selectedActivity($event);' value="1"></ion-radio>
</ion-item>
<ion-item>
<ion-label>Option 3</ion-label>
<ion-radio (ionSelect)='selectedActivity($event);' value="2"></ion-radio>
</ion-item>
</ion-list>
... 我只想根據我從資料庫得到的資訊,先在 TypeScript 中預先檢查一個值。我該如何在 TypeScript 中檢查 ion-radio?
謝謝!
答案#1
好,我自己找到答案了。在 TypeScript 中,我只需要像這樣輸入要被選中的單選按鈕的預設值:
this.profile_activities = "1";
... 例如,在 ionViewWillEnter() 函數中,且值為 value="1" 的單選按鈕已被選中!
答案#2
在我的情況下是 Ionic 6,Angular 12
如果這樣工作
<ion-list radio-group value="{{profile_activities}}" name="activities">
......
