Question

我想在更改时将离子范围值存储在本地存储中。就像我们滑动时，值将保存/存储在本地存储中。我尝试过这种方式，但是没有用。

page.ts

    import { Storage } from '@ionic/storage';

    constructor(private storage: Storage){}

    initialtimeDelay(rangeValue) {
      console.log(rangeValue.detail.value);
      this.initialtimedelay = this.rangeValue;
      this.storage.set('initialtimeDelay', rangeValue.detail.value);
    }

page.html

    <ion-range (ionChange)="initialtimeDelay($event)" [(ngModel)]="sliderrange" min="0" max="10" pin="true">
    </ion-range>

如果这样添加，效果很好：

localStorage.setItem('initialtimeDelay', rangeValue.detail.value);

如何解决这个问题？

Answer 1

在每次值更改时调用异步存储非常繁琐。

尝试使用ionBlur仅在释放范围元素的焦点时保存范围值：

<ion-range (ionBlur)="initialtimeDelay($event)" [(ngModel)]="sliderrange" min="0" max="10" pin="true">
    </ion-range>

Answer 2

我只是刷新本地存储，此代码很好，并且可以正常工作。抱歉，我的坏：）

如何使用ionic-v4将离子范围滑块值存储在本地存储中？

2 个答案: