Angular2轮询重置ng-bootstrap accordin

Question

我有一个多维数组挂钩到等待数据库状态更新的反应性轮询器。如果我加载状态1x，则UI按预期工作。

问题：当我打开轮询器时，它会导致手风琴状态关闭。

代码：

<ngb-accordion #acc="ngbAccordion" [closeOthers]="true"> 
    <ngb-panel *ngFor="let group of fishGroups | async" title="{{group[0].source.originalname}}"> 
     <template ngbPanelContent> 
      ...... 
     </template> 
    </ngb-panel> 
</ngb-accordion> 


ngOnInit() { 
    console.log('ngOnInit'); 

    this.fishGroups = this.fisheService.elements 
    //ensure not null 
    .filter((arr: DTOfish[]) => (arr != null && arr.length > 0)) 
    // create milti dimensional array 

    .map((fishes : DTOfish[]) => { 
     let groups: DTOfish[][] = []; 
     fishes.forEach((fish: DTOfish) => { 
     //note double assignment : if null create 
     let group: DTOfish[] = groups[fish.source.id] = groups[fish.source.id] ? groups[fish.source.id] : []; 
     group.push(fish); 
     }); 

     //make sparse array dense 
     return groups.filter(value => !!value); 
    }); 

    this.fishes = this.fisheService.elements.map((fishes: DTOfish[]) => { 
    return fishes.filter((fish: DTOfish) => !fish.model.isFailed) 
    }); 


    this.fisheService.loadAll(); 

    this._interval = global.setInterval(() => { 
    console.log('fishComponent Poller'); 
    this.fisheService.loadAll(); 
    }, 2000); 

} 

问： 如何保持在轮询返回更新状态所选择的内容面板打开？

Answer 1

组件采用活动元素标识的值或数组。当数据发生变化时，变量中的所有值都将保持打开状态。

@Input() activeIds: string | string[] = []; 

https://github.com/ng-bootstrap/ng-bootstrap/blob/master/src/accordion/accordion.ts#L131