时间戳

首页 > 解决方案 > 关于如何根据字段值重复 ng-repeat 中的表，我有这个问题

angularjs - 关于如何根据字段值重复 ng-repeat 中的表，我有这个问题

问题描述

关于如何根据字段 [rm_count_rack] 值重复 ng-repeat 内的表，我有这个问题

请参阅下面的示例和可能的结果。

这是我的数据库。

在此处输入图像描述

这是显示ng-repeat="i in room"

在此处输入图像描述

<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" ng-repeat="i in room" > 
    <br>
    <table class="column"> **<!-- need to repeat this table based on the
                                  value of i.rm_count_rack** -->
        <th colspan="{{i.rm_subbin}}" class="text-center">RACK A</th>
        <tbody >
          <tr>
            <td ><a style="width: 100%" href="javascript:void(0)" class="btn btn-info"><span>1A62</span></a></td>
            <td><a style="width: 100%" href="javascript:void(0)" class="btn btn-success"><span>1A62</span></a></td>
            <td><a style="width: 100%" href="javascript:void(0)" class="btn btn-danger"><span>1A62</span></a></td>
          </tr>
        </tbody>
    </table>
</div>

这应该是输出：

在此处输入图像描述

标签： angularjs

解决方案

因为ng-repeat只接受一个集合作为参数。你可以试试：

<table class="column" ng-repeat="x in [].constructor(i.rm_count_rack) track by $index">

或者

<table class="column" ng-repeat="x in getNumber(i.rm_count_rack)">

在你的控制器里面

$scope.getNumber = function(num) {
    return new Array(num);   
}

推荐阅读