feat(dropdown): add active state to the dropdown items

Author: eugef

src/dropdown/docs/dropdown.demo.js

@@ -11,7 +11,7 @@ angular.module('mgcrea.ngStrapDocs')
 .controller('DropdownDemoCtrl', function($scope, $alert) {
 
   $scope.dropdown = [
-    {text: '<i class="fa fa-download"></i>&nbsp;Another action', href: '#anotherAction'},
+    {text: '<i class="fa fa-download"></i>&nbsp;Another action', href: '#anotherAction', active: true},
     {text: '<i class="fa fa-globe"></i>&nbsp;Display an alert', click: '$alert("Holy guacamole!")'},
     {text: '<i class="fa fa-external-link"></i>&nbsp;External link', href: '/auth/facebook', target: '_self'},
     {divider: true},

src/dropdown/dropdown.tpl.html

@@ -1,5 +1,5 @@
 <ul tabindex="-1" class="dropdown-menu" role="menu" ng-show="content && content.length">
-  <li role="presentation" ng-class="{divider: item.divider}" ng-repeat="item in content">
+  <li role="presentation" ng-class="{divider: item.divider, active: item.active}" ng-repeat="item in content">
     <a role="menuitem" tabindex="-1" ng-href="{{item.href}}" ng-if="!item.divider && item.href" target="{{item.target || ''}}" ng-bind="item.text"></a>
     <a role="menuitem" tabindex="-1" href="javascript:void(0)" ng-if="!item.divider && item.click" ng-click="$eval(item.click);$hide()" ng-bind="item.text"></a>
   </li>

src/dropdown/test/dropdown.spec.js

@@ -33,7 +33,7 @@ describe('dropdown', function () {
 
   var templates = {
     'default': {
-      scope: {dropdown: [{text: 'Another action', href: '#foo'}, {text: 'External link', href: '/auth/facebook', target: '_self'}, {text: 'Something else here', click: '$alert(\'working ngClick!\')'}, {divider: true}, {text: 'Separated link', href: '#separatedLink'}]},
+      scope: {dropdown: [{text: 'Another action', href: '#foo'}, {text: 'External link', href: '/auth/facebook', target: '_self'}, {text: 'Something else here', click: '$alert(\'working ngClick!\')'}, {divider: true}, {text: 'Separated link', href: '#separatedLink', active: true}]},
       element: '<a bs-dropdown="dropdown">click me</a>'
     },
     'default-with-id': {
@@ -128,6 +128,7 @@ describe('dropdown', function () {
       expect(sandboxEl.find('.dropdown-menu a:eq(1)').attr('ng-click')).toBeUndefined();
       expect(sandboxEl.find('.dropdown-menu a:eq(2)').attr('href')).toBeDefined();
       expect(sandboxEl.find('.dropdown-menu a:eq(2)').attr('ng-click')).toBe('$eval(item.click);$hide()');
+      expect(sandboxEl.find('.dropdown-menu li:eq(4)').attr('class')).toContain('active');
     });
 
     it('should support ngRepeat markup', function() {