Angular ngb手风琴标题内的按钮默认打开面板,并具有自定义功能

Angular ngb手风琴标题内的按钮默认打开面板,并具有自定义功能,angular,Angular,我在ngb accordion面板中有一个按钮,用于特定的自定义功能,但当我单击该按钮时,默认情况下它也会打开面板。尝试为“面板打开”和“按钮单击”实现不同的功能。希望每个功能都能单独工作。这是我的代码片段 <ngb-accordion #acc="ngbAccordion" > <ngb-panel *ngFor="let item of Array;"> <ng-template ngbPanelTitle>

我在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>

{{item.name}
批准
拒绝

是否可以添加stackblitzTry adding
返回false
(单击)=“customFunction1()”
之后,像这样
(单击)=“customFunction1();返回false;”
添加(单击)=“customFunction1();返回false;”结果错误@AhsanKhurshid