html - 在 AngularJS 中以 Grid 的形式获取图像

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>