我正在使用this AngularGrid system,到目前为止一切正常,除非我刷新页面。
在doc
中有一个如何解决这个问题的方向:
要获取实例的引用,您需要在元素上定义angular-grid-id,您可以通过将angularGridInstance注入任何控制器或指令来获取该元素。使用您的ID,您可以刷新布局ex:angularGridInstance.gallery.refresh();
这就是我所做的:
HTML
<ul class="dynamic-grid" angular-grid="pics" angular-grid-id="mypics" grid-width="300" gutter-size="10" refresh-on-img-load="false" >
<li data-ng-repeat="port in Portfolio" class="grid" data-ng-clock>
<img src="{{port.img[0]}}" class="grid-img" />
</li>
</ul>
app.js
.directive('myPortfolio', ['mainFactory','angularGridInstance', function (mainFactory,angularGridInstance) {
return {
restrict: "A",
link: function($scope) {
mainFactory.getPortfolio().then(function(data) {
$scope.refresh = function(){
angularGridInstance.mypics.refresh();
}
$scope.pagedPortfolio = data.data;
})
}
}
}])
但是如果我刷新页面,它仍然无效。有一些盒子,但没有加载图像,它不在网格系统内。另外,我的控制台没有错误。发生这种情况时,如果我换到另一个页面然后返回我的投资组合页面,我只能再次看到图像。
关于如何解决这个问题的任何想法?
答案 0 :(得分:0)
我认为你不需要angularGridInstance和刷新功能。只需改变
refresh-on-img-load="false"
到
refresh-on-img-load="true"
在你看来。