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>

我是角度和引导的新手请帮助

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标签内显示按钮

1 个答案: