Vertical navbar using Bootstrap and angular

Question

Folks,

I am trying to implement a vertical navbar in my page. This page will be rendered by Angular. Somehow I am not able to get this to working. not sure what I am missing here.

Clicking on different tabs does not display their respective pages.

Any clues anyone can provide will be greatly appreciated.

here is a plnkr I have created for troubleshooting: http://plnkr.co/edit/dzfv8VMWCJk8cywgy5mm

marcoseu · Accepted Answer · 2013-09-03 19:51:35Z

5

You need to dynamically set the classes of elements under nav-tabs and tab-content. The easiest way to accomplish this is to use ng-class attribute that calls a function in your controller to return appropriate class for each tab. To set the active tab, use ng-click on the nav-tabs.

Here is a working version in Plunker: http://plnkr.co/edit/UBBq7V8mdyqllBHdwegY

answered Sep 3, 2013 at 19:51

marcoseu

3,9622 gold badges21 silver badges36 bronze badges

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

1 Comment

Ari Waisberg Over a year ago

this is not a vertical navbar... this are "vertical tabs"... which it's not the same... I wonder if there is a way to implement a vertical navbar...

Collectives™ on Stack Overflow

Vertical navbar using Bootstrap and angular

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related