更改另一个广播组时,要更新广播组的值吗?

问题描述

我有两个广播组。

第二组的值在第一组更改时更改。问题在于变量值不变,或者我没有机会更新值。

第一组:

<ion-radio-group [(ngModel)]="cardOrderNumber" (ionChange)="updateCardOrdersNumber($event)">
      <ion-list-header>
        <ion-label>{{'component.loyaltyCard.numberOfOrdersNeeded' | translate}}</ion-label>
      </ion-list-header>
      <ion-item>
        <ion-label>6</ion-label>
        <ion-radio slot="start" color="success" [value]="6"></ion-radio>
      </ion-item>
      <ion-item>
        <ion-label>8</ion-label>
        <ion-radio slot="start" color="success" [value]="8"></ion-radio>
      </ion-item>
    </ion-radio-group>

该组有两个按钮可以更改一个数字

第2组:

<ion-radio-group (ionChange)="updateCardTittle($event)"  >
      <ion-list-header>
        <ion-label>{{'component.loyaltyCard.cardTitle' | translate}}</ion-label>
      </ion-list-header>
      <ion-item>
        <ion-label>Encomende {{cardOrderNumber +1}} pague {{cardOrderNumber}}</ion-label>
        <ion-radio slot="start" color="success" value="Encomende {{cardOrderNumber +1}} pague {{cardOrderNumber}}"></ion-radio>
      </ion-item>
      <ion-item>
        <ion-label>Pague {{cardOrderNumber}} receba 1 grátis</ion-label>
        <ion-radio slot="start" color="success" value="Encomende {{cardOrderNumber}} receba 1 grátis"></ion-radio>
      </ion-item>
    </ion-radio-group>

该组有两个按钮,两个按钮的值在第一组的数字更改时改变。

问题在于,当值更改时,无线电组的值不会更新。即使使用ionCHange方法

是否有任何方法可以更新值?或者我该怎么做才能更新值?

ionCHange上的函数只是简单的函数,它将单选按钮的值放入变量中

解决方法

每个离子列表应具有自己的ngModel

在离子论坛中:

<div [formGroup]="form">
  <ion-list radio-group [(ngModel)]="selection" formControlName="selection">
    <ion-item *ngFor="let fruit of fruits">
      <ion-label>{{fruit}}</ion-label>
      <ion-radio [value]="fruit"></ion-radio>
    </ion-item>
  </ion-list>
  </div>

  ngOnInit(): void {
    this.selection = "banana";
    this.form = this._fb.group({
      selection: ["banana"]
    });

    this.fruits = ["apple","banana","cherimoya"];
  }

https://forum.ionicframework.com/t/problem-binding-ngmodel-to-radiogroup-for-dynamic-radiobuttons/78645/3