AutoComplete Grouping Directive

gistfile1.txt

Use in row template for AutoComplete hints.

module.directive('grouping', function($timeout) {
	return {
		restrict: 'AE',
		link: function (scope, element, attr) {
			$timeout(function() {
				var groupClass = scope.groupClass;
				var groupLabel = scope.groupLabel;
					var newElem = angular.element('<div class="' + groupClass + '">' + groupLabel + '</div>');
				var parentElem = angular.element(element.parent());
				parentElem.after(newElem);
				newElem.after(parentElem);
			}, 0, false);
		}
	};
});

Related CSS:

.groupClass ~ .groupClass {
	display: none;
}