I have a site with many partials, one of which has nested ng-repeats that render input forms with rounded corners. In IE, only in this nested repeat case, there's a generic PIE error in the IE console, and it looks like the raw template (ng-show not working, internationalization not working) is being dropped onto the page in addition to all of the expected DOM. It makes me think that the PIE script is running before Angular is done its work.
Is there any sort of best practices for making PIE.htc work well with Angular? Or is there a better solution?
Well, you're going to want to use the PIE.js version of PIE.
From there it should be something simple, like creating a directive that applies PIE to the element required:
app.directive('applyPie', function() {
return {
restrict: 'A',
link: function(scope, elem, attr) {
PIE.attach(elem[0]);
}
}
});
Then you'd use it like this:
<div class="rounded" apply-pie>Wee! I'm rounded</div>