Angular UI, Bootstrap Navbar Collapse and Javascript

Question

I have trouble with UI-Router in many ways. I don\'t understand how it interacts with other frameworks.

Namely, I am trying to implement Bootstrap 3\'s navbar collap

Answer 1

You should replace bootstrap native js properties with ui-bootstrap directives (note the ng-click and collapse):

    
    

      
        Toggle navigation
        
        
        
      
      
        
      
    

    
    

      
    

Set the initial value in your controller:

$scope.navbarCollapsed = true;

Edit:

New versions of ui-bootstrap prefix all compontents. Adjust your code accordingly eg. collapse -> uib-collapse.