angularjs - ui-bootstrap collapse not working with Angular -


I have an angular module and config:

  var app = angular.module 'Project', ['E.U. Bootstrap', 'Transgenal', 'NGRUT']); App.config (function ($ migration provider, restangelular provider) {$ routeProvider. When ('/', {Controller: EntryCtrl, templateUrl: 'Foreground / Partial / Entry'}} ....  

Meta http-equiv = "X-UA-compatible" content = "IE = edge" & gt; & Lt; Meta name = "viewport" content = "width = device-method, initial-level = 1" & gt; title & gt; BMWFirm Administrator & lt; / title & gt; link rel = "stylesheet" href = " / Frontend / css / style.css "& gt; & lt ;! - latest Pulled and minified CSS -> Link rel = "stylesheet" href = "// maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

partial / entry.html:

  & lt; Div class = "dropdown" & gt; & Lt; A class = "btn btn-default" data-toggle = "dropdown" href = "#" & gt; Dropdown & lt; B square = "carat" & gt; & Lt; / B & gt; & Lt; / A & gt; & Lt; Ul class = "dropdown-menu" role = "menu" & gt; & Lt; Li & gt; Hellooooo & lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt;  

The button and carat are displayed, and the dropdown stops at the start, and when clicked, it will not open. What am I missing from any idea?

You are loading bootstrap.js in which there is an event to close / open the collapse so angular- UI-Bootstrap instructions and bootstrap.js are both trying to close / close the collapse. Remove Bootstrap.js file script reference and see if your problem fixes. The angle-UI-Bootstrap documentation recommends loading the bootstrap.js library.


Comments

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

java - Gradle dependencies: compile project by relative path -

ruby on rails - Object doesn't support #inspect when used with .include -