Append directive to body

I have a popup directive, and I would like to compile and append it to body. Is there a simpler way then recompiling and appending directive to body.

 link: function (scope, element) {     $('body').append($compile('html')(scope.new()))  }

I don't want to compile the directive twice, first time automatically, and the second time manually. If there is a property or setting, that will automatically append the directive to body, that would be great.