Question

每当用户ion range离子范围时，使用离子change然后我会将其发送到服务器并进行一些处理然后发送响应，但我无法立即获取数据。（我尝试使用(click)事件，但是对我的情况来说不是一个好的解决方案。）

模板代码

 <ion-item >
  <ion-range min="0" max="200" pin="true" [(ngModel)]="distance" color="secondary"  (blur)="onBlurMethod()">
    <i class="fa fa-map-marker" range-left aria-hidden="true"></i>
    <i class="fa fa-map-marker" style="font-size:25px;" range-right aria-hidden="true"></i>
  </ion-range>
</ion-item>

TS文件

onBlurMethod() {
     alert("Distance : ", distance);
}

谢谢大家。

Answer 1

ngModel数据属性设置元素的value属性，ngModelChange事件属性侦听元素值的更改。

<强> TEMPLATE

<ion-item >
  <ion-range min="0" max="200" pin="true" [(ngModel)]="distance" color="secondary"  (ngModelChange)="Change()">
    <i class="fa fa-map-marker" range-left aria-hidden="true"></i>
    <i class="fa fa-map-marker" style="font-size:25px;" range-right aria-hidden="true"></i>
  </ion-range>
</ion-item>

<强> TS

Change() {
  alert("Dis: ", distance);
}

具有离子范围的模糊不起作用Ionic2

1 个答案: