Imagine having a popup directive that inherits a string template for the content it should display from the $scope.
scope: {
template: '=popInfo'//<div another directive></div>
}
This template string may even include another directive, so I'm using the $compile service to compile it. Here's an example:
$el.find('content-container').append($compile($scope.template)($scope));
$scope.makeVisible();//after i've compiled i'm making it visible
Although this approach works, there is a side effect where the content blinks before displayed fully.
http://plnkr.co/edit/FehvteTvZ92e4MFZNaHj?p=preview - here is an example. It seems to only happen with templateUrls.
Is there any way to prevent this blinking issue? Any help would be greatly appreciated.