From 11e8aa26f60f1f028715ca981063c06b9e52b1d6 Mon Sep 17 00:00:00 2001
From: Brandon Roberts <robertsbt@gmail.com>
Date: Wed, 3 Feb 2016 21:50:51 -0600
Subject: [PATCH] feat(angular1_router): Add ng-link-active class to active
 ng-link

Closes #6882
---
 modules/angular1_router/src/ng_outlet.ts     | 10 ++++++++++
 modules/angular1_router/test/ng_link_spec.js | 14 ++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/modules/angular1_router/src/ng_outlet.ts b/modules/angular1_router/src/ng_outlet.ts
index f6e346014a..94ebfa8417 100644
--- a/modules/angular1_router/src/ng_outlet.ts
+++ b/modules/angular1_router/src/ng_outlet.ts
@@ -257,6 +257,16 @@ function ngLinkDirective($rootRouter, $parse) {
 
     function getLink(params) {
       instruction = router.generate(params);
+
+      scope.$watch(function() { return router.isRouteActive(instruction); },
+                   function(active) {
+                     if (active) {
+                       element.addClass('ng-link-active');
+                     } else {
+                       element.removeClass('ng-link-active');
+                     }
+                   });
+
       return './' + angular.stringifyInstruction(instruction);
     }
 
diff --git a/modules/angular1_router/test/ng_link_spec.js b/modules/angular1_router/test/ng_link_spec.js
index 56b613fb6c..22c59e63ac 100644
--- a/modules/angular1_router/test/ng_link_spec.js
+++ b/modules/angular1_router/test/ng_link_spec.js
@@ -135,6 +135,20 @@ describe('ngLink', function () {
     }).not.toThrow();
   });
 
+  it('should add an ng-link-active class on the current link', inject(function ($rootRouter) {
+    $rootRouter.config([
+      { path: '/', component: 'oneCmp', name: 'One' }
+    ]);
+
+    compile('<a ng-link="[\'/One\']">one</a> | <div ng-outlet></div>');
+    $rootScope.$digest();
+
+    $rootRouter.navigateByUrl('/');
+    $rootScope.$digest();
+
+    expect(elt.find('a').attr('class')).toBe('ng-link-active');
+  }));
+
 
   function registerComponent(name, template, config) {
     var controller = function () {};