CODEWITHSUNDEEP
javascriptangularjstwitter-bootstrap
mcode
mcode

Reputation: 544

Anchor Links in (Bootstrap) Tabs with AngularJS

I'm using the following theme which also has an AngluarJS version. Currently I'm trying to implement the tabs you can see in the link above. Since the tabs use anchor links like "#tab1" as "href" link the ui-router from AngluarJS thinks it's a new state and tries to transist to it.

How can I use those tabs with AngularJS? I know ui-bootstrap has tabs but the theme needs the correct DOM-elements (divs).

Upvotes: 0

Views: 679

Answers (1)

Nagy Nick
Nagy Nick

Reputation: 755

Use data-target=”#tab_id” instead of href=”#tab_id”

Source: http://getbootstrap.com/javascript/#tabs-methods

Upvotes: 1

Related Questions