首页 文章

离子 3 中 ion-range 的 onChange 错误

提问于
浏览
0

我有以下 HTML

<ion-item>
        <ion-range min="5" max="300" pin="true" [(ngModel)]="contrast" color="secondary" ionChange="changeRange(contrast)">
          <ion-icon range-left small name="contrast"></ion-icon>
          <ion-icon range-right name="contrast"></ion-icon>
        </ion-range>
</ion-item>

结果是:

在此输入图像描述

这是触发的方法:

changeRange(valor){
    console.log(valor.value);

  }

正如您所看到的,我使用 ionChange 来执行 changeRange 方法。但是当我运行它时,我收到以下错误。

在此输入图像描述

我究竟做错了什么?

2 回答

  • 3

    我找不到这种使用范围的解决方案。但是我能够通过这种方式改变来实现目标。

    <ion-range min="20" max="300" color="secondary" (ionChange)="changeRange($event)">
              <ion-icon range-left small name="contrast">20</ion-icon>
              <ion-icon range-right name="contrast">300</ion-icon>
            </ion-range>
    

    changeRange(valor){
    
        console.log(valor.value);
    
      }
    
  • 0

    这只是一个警告,它不会影响您的应用程序。您可以忽略它,也可以尝试使用范围组件的另一个插件

相关问题