Angular 6：如何在折叠与否时设置ngBootstrap手风琴面板的不同标题

我想有一个手风琴面板与ngBootstrap不同的标题。NgbPanel有一个名为isOpen的属性，但如何获取它的值？

检查此StackBlitz：

HTML文件：

<div class="container">
  <ngb-accordion #acc="ngbAccordion" id="accordion" (panelChange)="changeTitle($event, acc)">
    <ngb-panel title="{{ title }}">
      <ng-template ngbPanelContent>
        Content
      </ng-template>
    </ngb-panel>
  </ngb-accordion>
</div>

---

您应该添加一些关于您尝试过的东西、代码示例等的详细信息。似乎在切换/更改面板时触发了一个可以使用的事件。我说过我试过什么吗？不，我没有。我只是看了文件。代码示例可在此处找到：，但我的问题是针对那些不需要代码示例的人提出的，因为他们已经使用了该组件。我更想告诉您如何编写更好的问题，以便更经常地得到回答。人们想知道你投入了多少研究工作。少一些“为我做作业”的感觉。谢谢，我在2.0版上，没有扩展的方法

export class AppComponent  {
  name = 'Angular';

  title: string = "TITLE WHEN NOT EXPANDED";

  changeTitle($event: NgbPanelChangeEvent, acc) {
    if (!acc.isExpanded($event.panelId)) {
      this.title = "TITLE WHEN EXPANDED";
    } else {
      this.title = "TITLE WHEN NOT EXPANDED";
    }
  }
}