Javascript ng来源和物料ECSS物料箱不工作
我有一个Javascript ng来源和物料ECSS物料箱不工作,javascript,jquery,css,angularjs,materialize,Javascript,Jquery,Css,Angularjs,Materialize,我有一个flask应用程序,我正在使用angularjs以及前端的。在该应用程序中有一个我想与之一起使用的库。如果动态加载图像,materialbox将无法正确触发 我已经找到了这个问题的一个可能的副本,但不幸的是,这不起作用 app.js showgallery.html不工作 <div class="row" ng-repeat="image_list in images" ng-show="ImageExists"> <div class="col s12 m6
flask
应用程序,我正在使用angularjs
以及前端的。在该应用程序中有一个我想与之一起使用的库。如果动态加载图像,materialbox
将无法正确触发
我已经找到了这个问题的一个可能的副本,但不幸的是,这不起作用
app.js
showgallery.html不工作
<div class="row" ng-repeat="image_list in images" ng-show="ImageExists">
<div class="col s12 m6 l3" ng-repeat="image in image_list">
<img ng-src="{${ image.t_image }$}" class="responsive-img materialboxed" width="250">
</div>
</div>
<script type="text/javascript">
this.$('.materialboxed').materialbox();
</script>
此.$('.materialbox').materialbox();
但是这个有效(对图像URL进行硬编码)
此.$('.materialbox').materialbox();
但这也会在控制台uncaughttypeerror中引发一些异常:无法读取未定义的属性“css”
所以请告诉我我错过了什么 是我干的。。这对我很有效<代码>app.directive('loadImages',function(){return{restrict:'A',link:function(scope,element,attrs){$(element.materialbox();};})代码>
<div class="row" ng-repeat="image_list in images" ng-show="ImageExists">
<div class="col s12 m6 l3" ng-repeat="image in image_list">
<img ng-src="{${ image.t_image }$}" class="responsive-img materialboxed" width="250">
</div>
</div>
<script type="text/javascript">
this.$('.materialboxed').materialbox();
</script>
<div class="row">
<div class="col s12 m6 l3">
<img src="http://img00.deviantart.net/ac7a/i/2014/279/d/f/lionel_messi_by_anaaospedacos-d800pg8.png" class="responsive-img materialboxed" width="250">
</div>
<div class="col s12 m6 l3">
<img src="http://img00.deviantart.net/ac7a/i/2014/279/d/f/lionel_messi_by_anaaospedacos-d800pg8.png" class="responsive-img materialboxed" width="250">
</div>
<div class="col s12 m6 l3">
<img src="http://img00.deviantart.net/ac7a/i/2014/279/d/f/lionel_messi_by_anaaospedacos-d800pg8.png" class="responsive-img materialboxed" width="250">
</div>
<div class="col s12 m6 l3">
<img src="http://img00.deviantart.net/ac7a/i/2014/279/d/f/lionel_messi_by_anaaospedacos-d800pg8.png" class="responsive-img materialboxed" width="250">
</div>
</div>
<script type="text/javascript">
this.$('.materialboxed').materialbox();
</script>