ui bootstrap手风琴，使用按钮打开而不是标题

Question

所以用正常的ui bootstrap手风琴打开标签你选择标题;简单，看起来不错，效果很好。

但是，我想改变它，而不是使用标题打开每个部分，你需要按一个按钮。所以，如果你的普通手风琴有3个标题，那么第一个当然是开放的，连同该部分的内容也会有一个按钮，说下一个将打开下一个标题。

我尝试过将标签和可折叠部分组合在一起，但无济于事。

有什么想法吗？

Answer 1

在第一个标题下的内容中，您需要添加一个按钮，其中包含如下所示的属性

<button type="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">Next</button>

这里是小提琴：http://jsfiddle.net/of55299w/

Answer 2

http://plnkr.co/edit/KcVqv5Jz80ZnGBiTultl?p=preview

关键事项

1）您必须保存您想要控制的手风琴的开启状态

<accordion-group is-open="heading1.isOpen">

2）用ng-click或其他

切换那是打开状态

<button class="btn btn-default btn-sm" ng-click="heading1.isOpen = !heading1.isOpen">Toggle 1</button>