Skip to content

Instantly share code, notes, and snippets.

@ivanhoe011
Created December 28, 2015 18:11
Show Gist options
  • Save ivanhoe011/837b6d7735a4eebdd328 to your computer and use it in GitHub Desktop.
Save ivanhoe011/837b6d7735a4eebdd328 to your computer and use it in GitHub Desktop.
/*
* An Angular service which helps with creating recursive directives.
* @author Mark Lagendijk
* @license MIT
*/
angular.module('foo').factory('RecursionHelper', ['$compile', function($compile){
return {
/**
* 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);
}
}
};
}
};
}]);
/**
* Usage:
*
* compile : function(element, attrs) {
*
* return RecursionHelper.compile(element, attrs, function(scope, iElement, iAttrs, controller, transcludeFn){
* return {
*
* //...
* };
* });
* },
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment