Question

如何以网格的形式显示所有图像，这些图像都将来自后端，因此图像处于动态形式。我还要把描述也放在那些图像上，那些描述也来自AngularJS的后端？

Answer 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>

Answer 2

您可以使用ng-repeat向您展示图片，其中包含以下内容：

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

Here是文档

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

2 个答案: