刷新页面时AngularGrid不加载

Question

我正在使用这个AngularGrid系统，到目前为止，除了刷新页面之外，一切都在正常工作。

在doc中，有一个关于如何解决这个问题的方向：

要获得实例的引用，您需要在元素上定义角网格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;
            })
        }
    }
}])

但是如果我刷新页面，它还是不起作用。有一些框，但没有图像加载，它不在网格系统内。而且，我的控制台中没有错误。当这种情况发生时，我只能再次看到图像，如果我更改到另一个页面，然后返回到我的投资组合页面。

对如何解决这个问题有什么想法吗？

Answer 1

我认为这里不需要angularGridInstance和刷新功能。只要改变

refresh-on-img-load="false"

至

refresh-on-img-load="true"

在你看来。