ui bootstrap手风琴未在我的按钮中打开

Question

我在我的angular js应用程序中使用了ui bootstrap手风琴，它的工作很简单，但是问题是即使在我单击折叠手风琴时，我也将一个按钮放在标题中，所以当我单击按钮时我不想折叠，但是如果其他地方倒塌了。

例如：

  <uib-accordion close-others="oneAtATime">
                            <div uib-accordion-group class="panel-default"   is-open="status.isCustomHeaderOpen" ng-repeat="group in groups">
                                <uib-accordion-heading class="col-sm-12">
                                    <div class="col-sm-3 food-image">
                                        <img ng-src="{{appetizer.image}}" />

                                    </div>
  <div class="col-sm-3 food-image">
                                    <button> Button (When i click dont open the collapse) <button/>
             </div>

                                </uib-accordion-heading>{{appetizer.maindescription}}
                        </uib-accordion>