angular ui router disable für einige links

Question

ich möchte das bootstrap akkordeon in meinem angular-application verwenden. Ich benutze den eckigen UI-Router zum Routing durch die Websites.

Jetzt bin vor mir ein Problem, dass das Akkordeon ein

<a href="#CollapseOne"> Tag. 

Das Problem ist, muss, dass der ui-Router „denkt“ es hat etwas zu tun und versucht, „#CollapseOne“ zu navigieren.

Wie kann ich Ui-Routing auf einigen stoppen?

Answer 1

Sie $urlRouterProvider.when() mit nichts tun Handler-Funktion verwenden können Routing für einige URLs

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

Alternativ einfach ersetzen href mit data-target zu stoppen, die Ihr Problem beheben

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

Answer 2

Verwenden Sie Angular UI Bootstrap. Sie können Akkordeon finden Sie hier: https://angular-ui.github.io/bootstrap/