某些链接的角度ui路由器禁用

Question

我想在我的角度应用程序中使用bootstrap手风琴。 我正在使用角度ui-router进行网站路由。

现在我面临手风琴需要

的问题

<a href="#CollapseOne"> Tag.

问题是ui-router“认为”它必须做某事并试图导航到“#CollapseOne”。

如何停止对某些人进行ui路由？

Answer 1

使用Angular UI Bootstrap。你可以在这里找到手风琴：https://angular-ui.github.io/bootstrap/

Answer 2

您可以将$urlRouterProvider.when()与do do handler函数一起使用来停止某些URL的路由

$urlRouterProvider.when("/CollapseOne", function() {
  //do nothing
});

或者只需将href替换为data-target即可解决您的问题

<a data-target="#CollapseOne" data-toggle="collapse">Tag</a>.