ui bootstrap dropdown not working

[kobiburnley]

<!-- Split button -->
<div class="btn-group" dropdown>
  <button type="button" class="btn btn-danger">Action</button>
  <button type="button" class="btn btn-danger dropdown-toggle" dropdown-toggle>
    <span class="caret"></span>
    <span class="sr-only">Split button!</span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

dropdown isn't opening

[saibotsivad]

Please create a complete demo on plunker so we can see what is wrong with your code.

Since this is demo code from here, did you make sure to follow the getting started instructions?

If their example is bad, you should probably file an issue in the ui-boostrap repo instead, you'll probably get better assistance.

[kobiburnley]

the problem was angular-bootstrap dependency in bower.json file. has to be "angular-bootstrap": "~0.12.1"

ngbp default is an earlier version, as can be seen here: https://github.com/ngbp/ngbp/blob/v0.3.2-release/bower.json

[herrherrmann]

Yes, I also think the angular-bootstrap and bootstrap versions should be updated in the bower.json. Additionally the new angular-bootstrap will require angular-animate to be included as well.

Example:

"devDependencies": {
  "angular":           "~1.4.3",
  "bootstrap":         "~3.3.5",
  "angular-bootstrap": "~0.13.2",
  "angular-animate":   "~1.4.3"
  // some more stuff
}