網站搜尋

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">
......