2017-11-25 199 views
0

我有以下HTML错误的具有离子范围的onChange离子3

<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> 

结果是:

enter image description here

,这是触发方法:

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

    } 

如您所见,我使用ionChange执行changeRange方法。但是当我运行它时,出现以下错误。

enter image description here

我究竟做错了什么?

回答

0

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

<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

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

+0

如果它影响,我认为,因为它不执行的方法。 –