Twitter Bootstrap Navbar with AngularJS - Collapse Not Functioning

Question

I am using Angular and Twitter Bootstrap navbar and trying to get the collapse functionality to work.

Partial: program.html

Answer 1

This was a tricky one. The docs showed one way, and it functions great. I copied the docs example (http://twitter.github.com/bootstrap/components.html#navbar) and tried using it. I then went to the examples page and tried the layout listed here: http://twitter.github.com/bootstrap/examples/fluid.html

The one and only difference was a instead of

Instead of

I don't know why, but changing that made it function great.

EDIT

Arbiter pointed out that the was missing the href='#' attribute. Adding that attribute would also solve the problem.