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

Question

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

Answer 1

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

Controller

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>