ng-repeat、blurjs、jquery 和 angular 的问题答案

【问题标题】：Issue with ng-repeat, blurjs, jquery and angularng-repeat、blurjs、jquery 和 angular 的问题
【发布时间】：2014-08-05 18:28:00
【问题描述】：

在解决了这个question 之后，我正在尝试将解决方案应用到 ng-repeat 中，如下所示：

<ion-list>
 <ion-item ng-repeat="element in list" href="#/app/playlists/{{element.id}}">
  <div id="bgToBlurContainer">
   <div blurred id="sourceblur" class="target">
    <div class="item-titlte-text">
     SOME TITLE
    </div>
    <div class="item-subtitlte-text">
     SOME SUBTITLE
    </div>
   </div>
  </div>
 </ion-item>
</ion-list>

但这会抛出这个错误

TypeError: Cannot read property 'replace' of undefined
 at HTMLDivElement.<anonymous> (http://localhost/Ejemplos/Ionic/primerionic/www/js/blur.js:196:58)
 at Function.jQuery.extend.each (http://code.jquery.com/jquery-2.1.1.js:375:23)
 at jQuery.fn.jQuery.each (http://code.jquery.com/jquery-2.1.1.js:139:17)
 at $.fn.blurjs (http://localhost/Ejemplos/Ionic/primerionic/www/js/blur.js:193:15)
 at Object.compile (http://localhost/Ejemplos/Ionic/primerionic/www/js/app.js:27:14)
 at applyDirectivesToNode (http://localhost/Ejemplos/Ionic/primerionic/www/lib/ionic/js/ionic.bundle.js:14925:32)
 at compileNodes (http://localhost/Ejemplos/Ionic/primerionic/www/lib/ionic/js/ionic.bundle.js:14516:15)
 at compileNodes (http://localhost/Ejemplos/Ionic/primerionic/www/lib/ionic/js/ionic.bundle.js:14528:15)
 at compileNodes (http://localhost/Ejemplos/Ionic/primerionic/www/lib/ionic/js/ionic.bundle.js:14528:15)
 at compileNodes (http://localhost/Ejemplos/Ionic/primerionic/www/lib/ionic/js/ionic.bundle.js:14528:15) <div blurred="" id="sourceblur" class="target">

我正在使用ionic，删除 ng-repeat 模糊效果很好。

有些人在他们的博客上说这是编译器的问题。

有什么建议吗？

提前致谢

【问题讨论】：

标签： javascript angularjs replace angularjs-ng-repeat ionic-framework

【解决方案1】：

我收到了这个错误：

TypeError：无法读取未定义的“替换”属性

在我的情况下，这是由于安装了这个 chrome 扩展： AngularJS Batarang

一旦我禁用了那个 chrome 扩展，错误就消失了。

（一般来说，AngularJS Batarang 非常有帮助。不幸的是，它在这里导致我出现错误。）

Mac: OSX 10.9.5
Chrome: Version 38.0.2125.111
Ionic: v1.0.0-beta.13

【讨论】：