Twitter Bootstrap Unobtrusive Navbar Collapse vs. Angular-UI Bootstrap Navbar Collapse

Angular-Bootstrap Collapse

<div class="navbar navbar-default navbar-static-top" ng-controller="NavbarCtrl">
       <div class="container-fluid">
              <div class="navbar-header">
                       <button type="button" class="navbar-toggle" ng-click="isCollapsed = !isCollapsed">
                               <span class="sr-only">Toggle navigation</span>
                               <span class="icon-bar"></span>
                               <span class="icon-bar"></span>
                               <span class="icon-bar"></span>
                       </button>
                       <img src="images/pdk-logo-med.png" class="navbar-brand" />
               </div>

               <div class="collapse navbar-collapse" collapse="isCollapsed">
                       <ul class="nav navbar-nav navbar-right">
                               <li ng-repeat="item in menu" ng-class="{active: isActive(item.link)}">
                                       <a ng-href="{{item.link}}">{{item.title}}</a>
                               </li>
                               <li ng-hide="currentUser" ng-class="{active: isActive('/login')}"><a href="/login">Login</a></li>
                               <li ng-hide="currentUser" ng-class="{active: isActive('/signup')}"><a href="/signup">Sign up</a></li>
                               <li ng-show="currentUser" ng-class="{active: isActive('/logout')}"><a href="" ng-click="logout()">Logout</a></li>
                       </ul>
               </div>
       </div>
</div>

Bootstrap Collapse JS

<div class="navbar navbar-default navbar-static-top" ng-controller="NavbarCtrl">
       <div class="container-fluid">
              <div class="navbar-header">
                       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                               <span class="sr-only">Toggle navigation</span>
                               <span class="icon-bar"></span>
                               <span class="icon-bar"></span>
                               <span class="icon-bar"></span>
                       </button>
                       <img src="images/pdk-logo-med.png" class="navbar-brand" />
               </div>

               <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                       <ul class="nav navbar-nav navbar-right">
                               <li ng-repeat="item in menu" ng-class="{active: isActive(item.link)}">
                                       <a ng-href="{{item.link}}">{{item.title}}</a>
                               </li>
                               <li ng-hide="currentUser" ng-class="{active: isActive('/login')}"><a href="/login">Login</a></li>
                               <li ng-hide="currentUser" ng-class="{active: isActive('/signup')}"><a href="/signup">Sign up</a></li>
                               <li ng-show="currentUser" ng-class="{active: isActive('/logout')}"><a href="" ng-click="logout()">Logout</a></li>
                       </ul>
               </div>
       </div>
</div>