Angular 无法在ng手风琴标签内显示按钮

我使用ngb手风琴显示手风琴每当搜索文本被发现。 现在我的要求是在标题上添加一个按钮。单击将带我到另一个组件

HTML中的代码如下所示：

<ngb-accordion   #acc="ngbAccordion" activeIds="ngb-panel-0"> 
<ngb-panel [title]='(metadata.topic)?"Topic: "+metadata.topic:
(metadata.item)?"Product: "+metadata.item:"EMPTY"' *ngFor="let metadata of 
filteredData">
<button class="btn btn-secondary" type="button"><i class="fa fa-search"></i></button>
<ng-template ngbPanelContent>

  <ul>
      <li *ngFor='let key of metadata | keys'>
       {{key.key}} : {{key.value}}
      </li>
  </ul>
</ng-template>

{{key.key}}:{{key.value}

---

我是angular and bootstrap新手，请在

ngb面板中添加
ng模板
标签，如下所示

<ngb-accordion> 
    <ngb-panel>
        <ng-template ngbPanelTitle>
            <button>Button Text</button>
        </ng-template>
    </ngb-panel>
</ngb-accordion>


按钮文本