Question

我目前在ng-repeat中有很多图像。我希望他们水平填充页面，然后往下走（有点像谷歌图像......他们填满了整个页面）。好吧，我需要在父div上进行ng-repeat，因为我正在根据某些图像标准和堆叠事物等进行一些ng类的操作。我最初的代码（当我在图像上有ng-repeat时）运行良好，但现在我需要div上的ng-repeat，并且重复div属性使图像堆栈。我从here得到了解决方案。这是以前的代码：

<img class="movImg" ng-src="{{movie.imgPath}}" ng-repeat="movie in movies"/>

现在我需要做这样的事情：

 <div data-ng-repeat="movie in movies">
    <div class="mainContent" Overflow:scroll style="">
       <img class="movImg" ng-src="{{movie.imgPath}}"/>
    </div>
</div>

重复工作，但我最终在一列中有十亿个图像。有没有人知道如何在div上进行ng-repeat，但保持布局如前（动态列数/图像占据页面宽度）？

这是我正在使用的CSS

.mainContent {
  padding-left:10px;
  padding-right:10px;
  width:100%;
  height:100%;
  margin-top:40px;
  overflow:scroll;
  padding-bottom:50px;
}
.movImg {
  display:inline;
  margin:7.5px;
  width:150px;
}

Answer 1

这个问题的答案是我需要在ng-repeat的div上加上display:inline的样式。谢谢大家的帮助。

如何使用div重复显示与ng-repeat一致的图像的ng-repeat？

1 个答案: