如何使用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在單行顯示不同的圖像？

回答

相關問題