set-active-link.js

(function (angular) {
	'use strict';

	angular.module('app').directive('setActiveLink', function ($location) {
		return {
			restrict: 'A',
			link: function (scope, element, attrs) {
				if (!attrs || !attrs.href) return;

				var url = attrs.href.replace('#', '');

				scope.$on('$locationChangeStart', function () {
					if (url === $location.path()) {
						element.addClass('is-active');
					} else {
						element.removeClass('is-active');
					}
				});
			}
		};
	});
})(angular);