将 PIE.htc 与 AngularJS 一起使用的正确方法是什么？答案

【问题标题】：What's the proper way to use PIE.htc with AngularJS?将 PIE.htc 与 AngularJS 一起使用的正确方法是什么？
【发布时间】：2013-01-02 05:49:50
【问题描述】：

我有一个包含许多部分的站点，其中一个包含嵌套的 ng-repeats，它可以呈现带有圆角的输入表单。在 IE 中，只有在这种嵌套重复的情况下，IE 控制台中才会出现通用 PIE 错误，并且看起来原始模板（ng-show 不起作用，国际化不起作用）除了所有预期的 DOM。这让我觉得 PIE 脚本在 Angular 完成工作之前正在运行。

是否有任何最佳实践可以让 PIE.htc 与 Angular 很好地配合使用？还是有更好的解决方案？

【问题讨论】：

标签： angularjs css3pie

【解决方案1】：

好吧，你会想要使用PIE.js version of PIE。

从那里开始应该是一些简单的事情，比如创建一个将 PIE 应用于所需元素的指令：

app.directive('applyPie', function() {
   return {
      restrict: 'A',
      link: function(scope, elem, attr) {
         PIE.attach(elem[0]);      
      }
   }
});

然后你会这样使用它：

<div class="rounded" apply-pie>Wee! I'm rounded</div>

【讨论】：

当我执行上述操作时，IE8 将以下错误转储到其控制台中：TypeError: 'undefined' is null or not an object
你有小提琴或 plnkr.co 吗？当我不知道错误在哪里或在什么情况下时，很难说这意味着什么。
我正在将日志记录到库中。似乎 init() 中未定义“el.currentStyle”。
您总是可以使用 setTimeout 延迟该附加。这有点像黑客，但是，嘿，PIE也是如此。 ;)
elem 不是 jQuery 对象吗？我认为您需要 html 元素，elem[0] 可能会这样做。