【问题标题】:Update the value of the radio group when changing another radio group?更改另一个无线电组时更新无线电组的值?
【发布时间】:2020-10-19 14:05:48
【问题描述】:

我有两个广播组。

第二组的值随着第一组的变化而变化。问题是变量值没有改变,或者我没有机会更新值。

第一组:

<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 上的函数只是将单选按钮的值放入变量中的简单函数

【问题讨论】:

标签: javascript html radio-group


【解决方案1】:

每个离子列表都应该有自己的 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

【讨论】:

    猜你喜欢
    • 2021-01-29
    • 1970-01-01
    • 1970-01-01
    • 2019-12-12
    • 1970-01-01
    • 1970-01-01
    • 2014-06-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多