Я пытаюсь обновить значение входного диапазона в Angular, используя localStorage
.Обновить значение диапазона, используя localStorage Angular
Это то, что я в моем HTML:
input type="range" id="myRange" value={{audio.volume}} min="0" max="1" step="0.01" ng-model="audio.volume" ng-change="adjustVolume()"
Я хочу, чтобы значение диапазона быть динамичным.
И это мои ЯШИ:
$scope.adjustVolume = function(){
localStorageService.set("volume",$scope.audio.volume);
}
Таким образом, мне удалось сохранить ключ «громкость» в localStorage
, но если я обновить страницу положение ползунка диапазона возвращается на 1, даже если localStorage
по-прежнему установлен на какое-то другое число.
Как сохранить значение диапазона так же, как значение от localStorage
, а также положение диапазона.
Что такое $ scope.audio.volume, первоначально установленный в вашем контроллере? Вероятно, вы не определяете его на основе значения локального хранилища при загрузке контроллера. – developthewebz
на странице загрузки я эту проверку \t если (localStorageService.get ("объем") == NULL) { \t \t localStorageService.set ("объем", "1");} \t еще { \t localStorageService.set ("объем", $ scope.audio.volume); \t} потому что я хочу, если объем ключа в localStorage не существует, значение диапазона будет 1, а если оно уже существует для значения localStorage. –
Если это ваш фактический код, тогда логика «если localStorageService.get (« тома ») не является нулевым, то установите значение localStorageService для« volume »в $ scope.audio.volume». Предполагая, что на этом этапе $ scope.audio.volume не имеет значения, логика просто говорит: «если в localStorage есть значение, то установите его в null». Попробуйте заменить код следующим: if (localStorageService.get ("volume") == null) {localStorageService.set ("volume", "1");}; $ scope.audio = $ scope.audio || {}; $ scope.audio.volume = localStorageService.get ("volume"); –