如何根据离子输入改变离子范围值?

时间:2019-05-28 09:59:13

标签: ionic-framework ionic3

我正在尝试通过输入进行离子范围调整。首先,当我使用离子范围时,它会获得正确的值(this.selectedNominal),但是当我尝试使用离子输入来更改值时,它不会改变。它仍然使用第一个离子范围值。

HTML

<ion-list-header>
    Nominals
</ion-list-header>
<ion-item *ngFor="let b of listNom2">
    <ion-range min="{{b.min}}" max="{{b.max}}" step="{{b.step}}" [(ngModel)]="nominal2" (ngModelChange)="optionsNominal(nominal2)" color="secondary">
        <ion-label range-left style="font-weight: bolder;">{{ b.min | number:0 }}</ion-label>
        <ion-label range-right style="font-weight: bolder;">{{ b.max | number:0 }}</ion-label>
    </ion-range>
</ion-item>
<div style="text-align: center;margin-left:25%;margin-right:25%;padding-bottom:10px;">
    <ion-input maxlength="8" type="tel" [pattern]="[0-9]" (ionChange)="setValue2(nominal2)" style="border:1px solid #FF9900;border-radius:5px;" [(ngModel)]="nominal2" (ionChange)="optionsNominal(nominal2)">Rp.{{ nominal | number:0 }}</ion-input>
</div>

TS

setValue2(nominal2) {
    if(nominal2 == null || nominal2 == undefined || nominal2 == '') {
      this.nominal2 = 0
    } else {
      this.nominal2 = parseInt(nominal2);
    }

    if (this.nominal2 > 50000000) {
      this.nominal2 = 50000000;
    } else if (this.nominal2 < 3000000) {
      this.nominal2 = 3000000;
    }
  }

optionsNominal(value: any) {
    if (value == NaN || value == null || value == undefined || value == '') {
      this.selectedNominal = 0;
    } else {
      this.selectedNominal = value;
    }
  }

0 个答案:

没有答案