0

私はこの AngularGrid システムを使用していますが、ページを更新するときを除いて、これまでのところすべてが機能しています。

には、docこれを解決する方法に関するオリエンテーションがあります。

インスタンスの参照を取得するには、任意のコントローラーまたはディレクティブに angularGridInstance を注入することで取得できる要素に angular-grid-id を定義する必要があります。ID を使用してレイアウトをリフレッシュできます。例: 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;
            })
        }
    }
}])

しかし、ページを更新しても、まだ機能しません。いくつかのボックスがありますが、画像が読み込まれておらず、グリッド システム内にありません。また、コンソールにエラーはありません。これが発生すると、別のページに変更してからポートフォリオ ページに戻ると、画像が再び表示されます。

これを解決する方法についてのアイデアはありますか?

4

1 に答える 1

0

ここでは angularGridInstance とリフレッシュ機能は必要ないと思います。変えるだけ

refresh-on-img-load="false"

に

refresh-on-img-load="true"

あなたの見解で。

于 2015-11-15T14:52:54.583 に答える