gistfile1.js

PerfDB.app.directive('collection', function ($compile)	
	{	
		return {
			restrict: 'A',
			replace: true,
			require: '?ngModel',
			scope: {
				collection: '='
			},
			link: function($scope, $element, $attr, $ngModel)
			{	
				if(Object.size($scope.collection.categories) > 0)
				{
					$compile('<optgroup class="collection" label="{{category.name}}" collection="category" ng-repeat="category in collection.categories"></optgroup>')($scope, function(cloned, scope)
					{
						$element.append(cloned);
					});
				}

				if($scope.collection.children != undefined && $scope.collection.children.length)
				{
					$compile('<optgroup label="{{data.name}}" class="collection" leaf="child" ng-repeat="child in collection.children"></optgroup>')($scope, function(cloned, scope)
					{
						$element.append(cloned);
					});	
				}
			}
		}
	});

	PerfDB.app.directive('leaf', function($compile)
	{
		return {
			restrict: 'A',
			replace: true,
			scope: {
				leaf: '='
			},
			link: function($scope, $element, $attrs)
			{
				$compile('<option class="leaf" value="{{leaf.id}}">{{leaf.name}}</option>')($scope, function(cloned, scope)
				{
					$element.replaceWith(cloned);
				});

			}
		};
	});