如何将本地存储值存储在角度 6 中的 <ng-multiselect-dropdown> 中？

Question

其实我有两个页面，productList页面和productDetail页面， 为了查看单个产品详细信息，我查看了产品列表中每个产品的按钮。如下所示，

    A    |     B    |  C   | Action
    ---------------------------
    aaa  |   bbb    | ccc  | View
    abc  |   def    | ghi  | View

我还对列表页面中的每个字段进行了过滤。例如，为了过滤提交的“A”，我使用普通选择，对于“B”，我使用多选下拉菜单，ng-multiselect-dropdown。

情景，

1. 在列表页面中，如果我对 B 进行过滤，它应该适用。

2. 然后，我点击查看按钮，查看详细信息。

3. 再次回到列表页面，过滤应该在那里。（我正在尝试的概念）

对于过滤，我使用普通的select 和<ng-multiselect-dropdown>。

对于上述概念我使用了本地存储方式。

它对select 很有用。

但在<ng-multiselect-dropdown>的情况下，过滤正在应用。但是如果我转到详细信息页面并返回列表页面，则过滤不适用。

1. 下面是应用的代码；

                 <label>Status</label>
                 <ng-multiselect-dropdown [data]="statusList" name="iorstatus" #iorstatus="ngModel"
                   [(ngModel)]="selectedItems" [settings]="dropdownSettings" (onSelect)="onItemSelect($event)"
                   (onDeSelect)="statusDeSelect($event)">
                 </ng-multiselect-dropdown>
               </div>
   

2. 本地存储

   const testObject = {
     status: this.displayStatusList
   }
   

   localStorage.setItem('testObject', JSON.stringify(testObject));

从此步骤：我在状态中获得了选择值。

1. 然后我应用了方法

    onInit(){
       this.getMethod()
    }
   
   getMethod(){
     if (localStorage.getItem('testObject')) {
       let filterObject = localStorage.getItem('testObject');
       this.iorfilteroptions = JSON.parse(filterObject);
       this.iorstatus = this.iorfilteroptions.status;
       this.selectedItems= this.iorfilteroptions.status;
       this.displayStatusList = this.iorfilteroptions.status;
      } 
    }
   

但这不起作用...有人可以帮助我吗？

Answer 1

您需要将选中项数组对象的语法设置为与数据对象相同。

对象的键应该相同。

然后在 ngModel 中添加 selectedItems 变量。