angular - ngb-accordion 标题内的按钮默认打开面板以及自定义功能

Question

我在 ngb-accordion 面板中有一个用于特定自定义功能的按钮，但是当我单击该按钮时，默认情况下它也会打开面板。尝试为面板打开和按钮单击实现不同的功能。期望每个都应该单独工作。这里是我的代码片段。

<ngb-accordion #acc="ngbAccordion" >
    <ngb-panel *ngFor="let item of Array;">
        <ng-template ngbPanelTitle>

            <label>{{item.name}}</label>

            <span style="float: right;">
                <button type="button" name="approve" class="btn btn-success" (click)="customFunction1()" id="approve">Approve</button>
                <button name="reject" class="btn btn-danger" (click)="customFunction2()" id="cancel">Reject</button>
            </span>
        </ng-template>

        <ng-template ngbPanelContent>
            <!-- some content -->
        </ng-template>

    </ngb-panel>
</ngb-accordion>

标签： angular