Angularjs 在缩略图中加载图像

问题

我需要在一行中显示两个不同的图像，但是

• 在我的代码中，重复第一个图像

• 然后在另一行显示第二个图像

我不知道我的代码出了什么问题

<div class="container" ng-controller="dashbordController">
 <div class="row">
  <div class="col-lg-4">
   <div class="thumbnail" ng-repeat="image in images">
    <img ng-src="{{image.thumbnail}}" alt="{{image.description}}">
   </div>  
  </div>
  <div class="row">
   <div class="col-lg-4">
    <div class="thumbnail" ng-repeat="image in images">
     <img ng-src="{{image.thumbnail}}" alt="{{image.description}}">
    </div>  
   </div>
  </div>
 </div>
</div>
app.controller("dashbordController",function($scope){
$scope.images = [
 {"thumbnail":"./views/img1.png", "description":"Image 01 description"},
 {"thumbnail":"./views/img2.png", "description":"Image 02 description"},
 {"thumbnail":"./views/img1.png", "description":"Image 03 description"},
 {"thumbnail":"./views/img2.png", "description":"Image 04 description"},
 {"thumbnail":"./views/img1.png", "description":"Image 05 description"}
];

});

应用程序控制器（“dashbordController”，函数（$scope）{
$scope.images=[
{“缩略图”：“/views/img1.png”，“说明”：“Image 01 description”}，
{“缩略图”：“/views/img2.png”，“说明”：“Image 02 description”}，
{“缩略图”：“/views/img1.png”，“说明”：“图像03说明”}，
{“缩略图”：“/views/img2.png”，“说明”：“Image 04 description”}，
{“缩略图”：“/views/img1.png”，“说明”：“图像05说明”}
];
});

我们使用两行模板，因此每个缩略图都显示在自己的行上

尝试使用以下代码：

<div class="container" ng-controller="dashbordController">
<div class="row">
  <div class="col-sm-6" ng-repeat="image in images">
    <div class="thumbnail">
      <img ng-src="{{image.thumbnail}}" alt="{{image.description}}">
    </div>
  </div>
</div>

我也换了班级。lg仅适用于高分辨率。

---

希望如此。

我们使用两行模板，因此每个缩略图都显示在自己的行上

尝试使用以下代码：

<div class="container" ng-controller="dashbordController">
<div class="row">
  <div class="col-sm-6" ng-repeat="image in images">
    <div class="thumbnail">
      <img ng-src="{{image.thumbnail}}" alt="{{image.description}}">
    </div>
  </div>
</div>

我也换了班级。lg仅适用于高分辨率。

---

希望这样做。

如果你能格式化代码，那就更好了。如果你能格式化代码，那就更好了。