Angular directive to watch a model and focus (or blur) on its truth (or falsity)

focus-on

// FROM http://stackoverflow.com/a/14837021/20595
angular.module("app").directive("focusOn", function($timeout, $parse)
{
	return {
		restrict: "A",
		link: function(scope, element, attrs)
		{
			var model = $parse(attrs.focusOn);
			var focusListener = scope.$watch(model, function(value)
			{
				if (value === true)
				{
					$timeout(function()
					{
						element[0].focus();
					});
				}
			});

			element.on("blur", function()
			{
				$timeout(function()
					{
						scope.$apply(model.assign(scope, false))
					}, 50);
			});

			scope.$on("$destroy", function()
			{
				focusListener();
				element.off("blur");
			});
		}
	};
});