Skip to content

Instantly share code, notes, and snippets.

@decklord
Last active March 13, 2017 14:27
Show Gist options
  • Save decklord/26037e31f7b0ad7bb5c7806296ed63b3 to your computer and use it in GitHub Desktop.
Save decklord/26037e31f7b0ad7bb5c7806296ed63b3 to your computer and use it in GitHub Desktop.
module.factory('RecursionHelper', ['$compile', function($compile){
return {
/**
* Author: Mark Lagendijk from Stack Overflow
* Reference: http://stackoverflow.com/questions/14430655/recursion-in-angular-directives
* Manually compiles the element, fixing the recursion loop.
* @param element
* @param [link] A post-link function, or an object with function(s) registered via pre and post properties.
* @returns An object containing the linking functions.
*/
compile: function(element, link){
// Normalize the link parameter
if(angular.isFunction(link)){
link = { post: link };
}
// Break the recursion loop by removing the contents
var contents = element.contents().remove();
var compiledContents;
return {
pre: (link && link.pre) ? link.pre : null,
/**
* Compiles and re-adds the contents
*/
post: function(scope, element){
// Compile the contents
if(!compiledContents){
compiledContents = $compile(contents);
}
// Re-add the compiled contents to the element
compiledContents(scope, function(clone){
element.append(clone);
});
// Call the post-linking function, if any
if(link && link.post){
link.post.apply(null, arguments);
}
}
};
}
};
}]);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment