使用Angular路由器进行Bootstrap折叠

Question

我使用Bootstrap collapse作为示例http://getbootstrap.com/javascript/#collapse。

由于我使用Angular路由器，在localhost/#/flow页面中，我该如何设置崩溃的href？

<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="collapseOne">

如果我将其设置为href="collapseOne"或href="/#/flow/collapseOne"或href="/#/flow/#collapseOne"，则Angular路由器会将其路由到localhost/#/。

如果我将其设为href="/#/flow"，则会显示Uncaught Error: Syntax error, unrecognized expression: #/flow。

那么我应该如何设置href以便在停留在当前页面时启用崩溃？

Answer 1

试试这个：data-target="yourID"。 Twitter允许数据属性，它对我有用。

顺便说一句，如果您正在使用Angular，为什么不使用由此处的AngularUI团队重新编写的Bootstrap端口AngularUI's Bootsrap Components