如何使用Angular JS在单行显示不同的图像？

<table class="table table-bordered table-striped"> 
    <tr dir-paginate="NL in NewLaunchesData | filter:searchProducts|itemsPerPage:ItemsperPage track by $index"> 

     <td class="label-center"> 
      <a href="../fileUpload/MonthlyOffersImages/{{NL.FileName}}" download> 
       <img src="../fileUpload/MonthlyOffersImages/{{NL.FileName}}" height="30px" width="30px"></img> 
      </a> 
      <br /> 
      {{NL.Subject}} 
     </td> 
     <td class="label-center"> 
      <a href="../fileUpload/MonthlyOffersImages/{{NL.FileName}}" download> 
       <img src="../fileUpload/MonthlyOffersImages/{{NL.FileName}}" height="30px" width="30px"></img> 
      </a> 
      <br /> 
      {{NL.Subject}} 
     </td> 
     <td class="label-center"> 
      <a href="../fileUpload/MonthlyOffersImages/{{NL.FileName}}" download> 
       <img src="../fileUpload/MonthlyOffersImages/{{NL.FileName}}" height="30px" width="30px"></img> 
      </a> 
      <br /> 
      {{NL.Subject}} 
     </td> 
    </tr> 
</table>

我需要连续显示三张图片，数据应该包含多行。我知道在Asp.net中重复控制，但我需要显示多行图像。如何使用Angular JS在单行显示不同的图像？

我该如何做到这一点？

来源

2016-07-06 ramaraog

将图像数组分块为数组，每个数组包含3个元素。然后只需遍历根数组，然后遍历子数组。 – Camo

你现在的代码有什么问题？ – Keshav

@Keshav这将只显示三次相同的图像。 – Camo

<div class="row" ng-controller="NewOffersCtrl2"> 
      <div class="col-md-12"> 
       <div class="col-md-4" ng-repeat="NL in NewLaunchesData"> 
        <a href="../fileUpload/MonthlyOffersImages/{{NL.FileName}}" download><img src="../fileUpload/MonthlyOffersImages/{{NL.FileName}}" height="200px" width="200px"></img></a> 
        <br /> 
        {{NL.Subject}} 
        <br /> 
        <br /> 
       </div> 
      </div> 
    </div>

来源

2016-07-06 07:18:42 ramaraog

如何使用Angular JS在单行显示不同的图像？

回答

相关问题