无法在 ng-accordian 标记内显示按钮

Question

我正在使用 ngb-accordian 在找到搜索文本时显示手风琴。现在我的要求是在标题上添加一个按钮。单击哪个将带我到另一个组件。

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>

我是 angular 的新手，bootstrap 请帮忙

Answer 1

在 ngb-panel 内添加一个 ng-template 标签，如下所示

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

无法在 ng-accordian 标记内显示按钮

Not able to display a button inside ng-accordian tag

ng-bootstrap

angular