angular ui router disable for some links

Question

i would like to use the bootstrap accordion in my angular-application. I'm using the angular ui-router for Routing through the sites.

Now I'm facing a problem that the accordion needs an

<a href="#CollapseOne"> Tag.

The problem is that the ui-router "thinks" it has to do something and tries to navigate to "#CollapseOne".

How can I stop ui-routing on some ?

rajagopalx · Accepted Answer · 2016-07-09 09:59:01Z

2

Use Angular UI Bootstrap. You can find Accordion here: https://angular-ui.github.io/bootstrap/

answered Jul 9, 2016 at 9:59

rajagopalx

3,14410 gold badges45 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kalyan · Accepted Answer · 2016-07-10 08:25:24Z

0

You can use $urlRouterProvider.when() with a do nothing handler function to stop routing for some URLs

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

Alternatively simply replace href with data-target which will fix your problem

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

answered Jul 9, 2016 at 12:42

Kalyan

1,95913 silver badges15 bronze badges

thank you. data-target is exactly what I was looking for!