PLEASE READ THE PROJECT STATUS BELOW. Native AngularJS (Angular) directives for Bootstrap. Smaller footprint (20kB gzipped), no 3rd party JS dependencies (jQuery, bootstrap JS) required. Please read the README.md file before submitting an issue!
The navbar/menu has no demo, example or mention. No sorry, it does have a mention but without any dropdown links as we can find in the popular bootstrap 3 docs page. So I thought, let's just use the bootstrap 3 docs example as a guide to implement dropdown menu items. Ofcourse, that would be too easy ;-). Using that the menu's didn't work...
Solution? Well, after scratching my head a couple of times I did the following (see code below - which is by no means perfect, so if you have suggestions... please let me know / share them!):
Combined it with button dropdown functionality as showcased in there from the example on https://angular-ui.github.io/bootstrap/#!#dropdown. The key here was to use uib-dropdown on-toggle as well as ui-dropdown-toggle and uib-dropdown-menu, see code below.
And thus ended up with code shown below (which you can also find in commit a139ff8e90470b99125cafc67812d753 at the repo github.com/aredfox/todo-angularjs-typescript).
So that's it? Well, as I mentioned before, I don't know! It's just my take at it, and for now, it works reliably on all browsers I could test. I however don't know if it's the right solution, so if anyone has a better solution, please let me know!
Feature request:
The navbar/menu has no demo, example or mention. No sorry, it does have a mention but without any dropdown links as we can find in the popular bootstrap 3 docs page. So I thought, let's just use the bootstrap 3 docs example as a guide to implement dropdown menu items. Ofcourse, that would be too easy ;-). Using that the menu's didn't work...
Solution? Well, after scratching my head a couple of times I did the following (see code below - which is by no means perfect, so if you have suggestions... please let me know / share them!):
So that's it? Well, as I mentioned before, I don't know! It's just my take at it, and for now, it works reliably on all browsers I could test. I however don't know if it's the right solution, so if anyone has a better solution, please let me know!
Steps to reproduce the issue:
Read article at https://www.linkedin.com/pulse/angularjs-uibootstrap-dropdown-buttons-nav-menu-yves-schelpe Clone repo https://github.com/aredfox/todo-angularjs-typescript and run
npm install && npm start
, it will listen on localhost:9000.Version of Angular, UIBS, and Bootstrap
Angular: 1.6.1
UIBS: 2.5.0
Bootstrap: 3.3.7