Simple Dropdown Directive AngularJS

dropdown-directive

app.directive('hasDropdown', function ($window, $timeout) {
	return {
		restrict: 'A',
		replace: false,
		link: function (scope, elm, attrs) {
			elm.bind("click", open);
		
			function open(e) {
				elm[0].classList.add("open");
				$timeout(function () {
				  $window.addEventListener('click', close);
				});  
			}
			
			function close(e) {
				console.log(e.target);
				if ((e.target.parentNode !== elm[0]) && (e.target !== elm[0])) {
					$window.removeEventListener('click', close);
					elm[0].classList.remove("open");	
				}
			}
		}
	};
});

// usage:
// <div id="user-navigation" has-dropdown>
// 	<div class="anchor">
// 	  <img src="avatar.png" width="30" height="30">
// 	  <span class="name">Dana Majid</span>
// 	</div>
// 	<div class="dropdown">
// 		<a href="/user/me">View Profile</a>
// 		<a href="/user/settings">Account Settings</a>
// 		<a href="/user/logout">Logout</a>
// 	</div>
// </div>