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

时间:2015-02-20 18:39:35

标签: angular-ui angular-ui-bootstrap

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

我试过了:

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

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

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

1 个答案:

答案 0 :(得分:1)

我想出了以下解决方案:

在控制器$scope.toggleOpen = false;

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

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

希望这有帮助。