Ioni c: Установить по умолчанию проверку ионного радио по переменной - PullRequest
Новая
       6

Ioni c: Установить по умолчанию проверку ионного радио по переменной

1 голос
/ 25 мая 2020

Текущие версии: Ioni c 6.7.0

Здравствуйте, это мой первый вопрос по stackoverflow, поэтому прошу прощения, если некоторая информация отсутствует.

Я пытаюсь включить радио-группа, которая должна быть равна переменной моего .ts-файла. Я передаю идентификатор между двумя страницами, поэтому пользователю не всегда нужно повторно выбирать его.

Это то, что я пробовал, но я не могу заставить работать выбранную по умолчанию радиокнопку.

home.page. html: 

                        <ion-radio-group (ionChange)="carChangeEvent($event)"  [(ngModel)]="car_id">

                        <ion-item>
                            <ion-label>Button 1</ion-label>
                            <ion-radio slot="start" value="1"></ion-radio>
                        </ion-item>

                        <ion-item>
                            <ion-label>Button 2</ion-label>
                            <ion-radio slot="start" value="2"></ion-radio>
                        </ion-item>

                        <ion-item>
                            <ion-label>Button 3</ion-label>
                            <ion-radio slot="start" value="3"></ion-radio>
                        </ion-item>

                    </ion-radio-group>

home.page.ts: 

export class HomePage {

    public car_id: string = "1";
    ...




    constructor(...) {...}


    carChangeEvent (event) {
        switch(this.car_id) { 
            case "1": { 
                ...do stuff by car_id...
            break; 
            } 
            case "2": {  
                ...do stuff by car_id...
            break; 
            }
            case "3": { 
                ...do stuff by car_id...
            break; 
            } 
            default: { 
                this.msg2 = "switch default";
                console.log('ERROR: Invalid car identifier: ' + event.target.value);
            break; 
            } 
        } 
    }

Любые решения или подсказки?

Edit 1: Я также запускал его на своем устройстве, и по сравнению с экземпляром ionic serve выбор радио по умолчанию отображается правильно. Однако, когда я изменил значение на другой странице и вернулся на домашнюю страницу, переключатель не выбран (но значение верное). Когда я устанавливаю другое значение, например, <ion-input [(ngModel)]="car_id">, радио-кнопка выбирается правильно в соответствии с введенным значением.

Ответы [ 2 ]

1 голос
/ 25 мая 2020

Попробуйте поместить [value]="car_id" в свой тег <ion-radio-group>.

0 голосов
/ 28 мая 2020

Я наконец решил это. Я определил неправильный тип данных в queryParams : 'NavigationExtras', поэтому переключатель / регистр не смог ввести правильный регистр. => Все нормально и работает исправно.

...