在AngularJS中以网格的形式获取图像

【问题标题】：Getting Images in the form of Grid in AngularJS在AngularJS中以网格的形式获取图像
【发布时间】：2017-02-06 19:32:15
【问题描述】：

如何以网格的形式显示所有的图像，这些都来自后端，所以图像是动态的。我还必须在这些图像上加上描述，而这些描述也来自 AngularJS 的后端？

【问题讨论】：

你能举个例子吗？

标签： html angularjs css angular-ui-bootstrap

【解决方案1】：

如果图像数据以数组形式出现，那么您可以使用 ng-repeat 指令显示图像。

控制器

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.imageList = allImage;
});

HTML

<div class="col-md-3" ng-repeat="image in imageList track by $index">
    <img src="{{image.imageUrl}}" />
    <label> {{image.description}} </label>
</div>

【讨论】：

【解决方案2】：

您可以使用ng-repeat 向您展示带有如下描述的图片：

<li class="col-sm-3" ng-repeat="product in productList">
                        <img src={{product.imageUrl}} />
                        <label>{{product.description}}</label>
                    </li>

Here 是文档

【讨论】：