Отображаемое значение в html <select>из sessionStorage

Question

У меня есть следующий выбор, который позволяет пользователю выбрать цвет.

<select id="colorChoice" class="form-control text-center" ng-model="colorToSet" ng-change="setColor(colorToSet)">
  <option class="dropdown-item" ng-repeat="color in colors" value="{{color}}">{{color}}</option>
</select>

Как таковой, раскрывающийся элемент пуст, и при открытии отображаются параметры цвета. Пользователь выбирает цвет, и этот цвет отображается в выпадающем элементе.

Но при обновлении страницы это значение не отображается в выпадающем элементе.

Теперь я сохраняю это значение в sessionStorage, и я хочу показать его при обновлении страницы.

$scope.colors = ['red', 'green', 'orange', 'blue'];

$scope.setColor = function(colorToSet) {
  sessionStorage.setItem("color", colorToSet);
}

Answer 1

На странице refre sh вам просто нужно вернуть значение из sessionStorage и установить его для вашей модели colorToSet, например:

$scope.colorToSet = sessionStorage.getItem("color") || '';

Answer 2

попробуйте использовать

sessionStorage.getItem("colorToSet")

let color = sessionStorage.getItem ("color") || '';

и установите значение в цвет