问题描述
我有两个广播组。
第二组的值在第一组更改时更改。问题在于变量值不变,或者我没有机会更新值。
第一组:
<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"];
}