如何在 AngularJS 的 sessionStorage 中存储来自 ng-dropdown-multiselect 的值？

Question

当涉及到多选下拉列表时，我正在寻找一种简单的方法来保存和加载数据到 session 存储。 我正在使用 AngularJS。

保存和加载数据发生在页面重新加载时。

HTML：

<div class="select-wrapper">
       <p class="par-multiselect-title">Items to choose from: </p>
       <div ng-dropdown-multiselect="" options="items" selected-model="selectedItems" extra-settings="mySettings"></div>
</div>

当涉及到单个文本输入或复选框时，这是我解决它的方法。 但是，我无法破解多选下拉菜单。

sessionStorage.setItem("name", $('#name').val());
sessionStorage.setItem("isNew", document.getElementById("isNew").checked);

if (sessionStorage.getItem("name")) {
    $scope.itemName = sessionStorage.getItem("name");
} 

var isNewChecked = JSON.parse(sessionStorage.getItem("isNew"));
if (isNewChecked == true) {
    document.getElementById("isNew").checked = isNewChecked;
} 

Answer 1

如果sessionStorage.setItem仅支持字符串，您可以将 json 字符串化：

$scope.selectedItems = [/* ... */];
sessionStorage.setItem("selectedItems", JSON.stringify($scope.selectedItems));

并加载：

$scope.selectedItems = JSON.parse(sessionStorage.getItem("selectedItems"));