//////////////////////DIRECTIVE/////////////////////
module.directive('wrapper', function ($compile) {
	var LOOP = '<li><a data-target="#" >{{member.title}}</a></li>';

	return {
		restrict: "E",
		replace: true,
		scope: {
			member: '='
		},
		template: LOOP,
		link: function (scope, element, attrs) {
			// console.log(scope.member.children);
			if (angular.isArray(scope.member.children)) {
				element.addClass('dropdown');
				element.children().attr('data-toggle', 'dropdown').attr('role', 'button').attr('aria-expandee', 'false');
				element.children().addClass('dropdown-toggle').append('<span class="caret"></span>');
				$compile('<ul class="dropdown-menu" role="menu"><wrapper ng-repeat="val in member.children" member="val"></wrapper></ul>')(scope, function(cloned, scope){
				   element.append(cloned);
				});
			}
		},
	}
});



////////////////VIEW USES THIS/////////////////////
<wrapper ng-repeat='item in locations' member='item'></wrapper>

/////////////////////////////////////////////////WANT TO KEEP LOGIC IN DIRECTIVE FUNCTION SO USE SOMETHING LIKE THIS/////////////////////
<wrapper></wrapper>