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

时间:2016-07-06 06:40:29

标签: angularjs

<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中的转发器控件,但我需要显示多行图像。

我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:0)

 <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>