Angular UI Accordion：限制扩展到标题中的按钮单击

Question

我的手风琴中有一个<accordion-heading>标签，里面有几个控件（输入，按钮等），但我只希望手风琴在单击一个特定按钮时展开。什么都不应该触发扩展/崩溃。它似乎没有办法做到这一点。

我试过了：

将is-open设置为false，并在我的按钮的ng-click中将其设置为true。不起作用是因为点击accordion-heading内的任何地方都会切换此布尔值。

将is-disabled设置为true，然后在单击按钮时将其设置为false。也不起作用，手风琴保持禁用状态

仅使用<accordion-heading>标记包装我的按钮。这导致我的标题中的其余标记成为“扩展/折叠”的一部分。细节。

Answer 1

我想出了以下解决方案：

在控制器$scope.toggleOpen = false;

中

在您的视图is-open == toggleOpen和特定按钮上添加ng-click="$parent.toggleOpen = !$parent.toggleOpen"

示例：http://plnkr.co/edit/wByMeIM3UwHyxyIAcVWB?p=preview

希望这有帮助。