Question

所以我使用了angular-deckgrid插件，它创建了一个像网格一样的响应式pinterest。

真的很酷的插件之间。

我只面对一个小问题，只有当我的网格中有很多项目时才会出现这个问题。在某些时候，列中开始出现一个洞，因为所有列的高度都不相同。这是因为图像的高度也不相同。

问题在于，angular-deckgrid以严格的逻辑顺序将项目放置在网格中，并且考虑到图像的高度。

这里是创建列的代码部分：

    Deckgrid.prototype.$$createColumns = function $$createColumns () {
        var self = this;

        if (!this.$$scope.layout) {
            return $log.error('angular-deckgrid: No CSS configuration found (see ' +
                               'https://github.com/akoenig/angular-deckgrid#the-grid-configuration)');
        }

        this.$$scope.columns = [];

        angular.forEach(this.$$scope.model, function onIteration (card, index) {
            var column = (index % self.$$scope.layout.columns) | 0;

            if (!self.$$scope.columns[column]) {
                self.$$scope.columns[column] = [];
            }

            card.$index = index;
            self.$$scope.columns[column].push(card);
        });
    };

我现在的问题基本上是，我该怎么办？我有3个选择。

寻找其他插件
寻找处理此问题的分支
自己重写此方法

如果解决方案已经存在，我想不要做第3次，但如果我必须这样做的话。

但在这种情况下如何在不知情的情况下识别图像的高度？

提前多多感谢

使用angular-deckGrid处理高度的最佳方法

0 个答案: