Angular 2 - 在应用程序中切换选项卡时，请记住手风琴的展开/折叠状态

Question

我有一个带有几个标签的Angular2应用程序。其中一个标签有一个手风琴。

其中一个标签中的折叠码代码如下：

<accordion-group #somegroup panelClass="some-class">
    <div accordion-heading class="header">
        <span>Some text</span>
        <span class="chevron glyphicon" [ngClass]="{'glyphicon-chevron-up': somegroup?.isOpen, 'glyphicon-chevron-down': !somegroup?.isOpen}"></span>
    </div>
    <div class="col-md-12 body">
        ....
    </div>
</accordion-group>

我可以点击图标进行展开和折叠，这样就完美了。

现在，我想存储手风琴的扩展/折叠状态。所以，如果我扩展这个手风琴，访问另一个标签，然后回到这个标签，应该记住扩展状态，默认情况下应该扩展手风琴。如果在先前离开选项卡时它已折叠，则返回此选项卡应该会折叠手风琴。我不知道如何实现这一目标。

注意：选项卡都是不同的路径。