Directive layout for restricting HTML elements depending on the user roles

Restrict Roles Directive

app.directive('restrict', function(authService){
	return{
		compile:  function(element, attr, linker){
		  //attr.access is an attribute on the element with the roles that apply for that element.
			var authorized = authService.isAuthorized(attr.access);
			
			if(!authorized){
				// Remove element from DOM.
			}

		}
	}
});