ng-repeat在表格行中不起作用

时间:2017-04-07 06:59:54

标签: angularjs

我想获取表中的数据但不获取任何数据。 代码在这里 -

 <div ng-controller="tenders"> 
                <table ng-init="getViewProjectDetail('<?php echo $project_id ; ?>')">
                  <thead> 
                        <tr class="active">
                            <th colspan="4">
                                Project Detail:
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th><b>Project Name :</b></th>
                            <td ng-repeat="a in viewProjects">
                                {{a.id}}
                            </td>
                         {{viewProjects | json}}
                        </tr>
                    </tbody>
                </table>
            </div>

通过json获取viewProjects中的所有数据,但无法在表格行中打印n控制器服务和模型的每个功能,除此之外都有效。

请帮我解决这个问题。

2 个答案:

答案 0 :(得分:1)

您可以将<ng-container ng-repeat=""></ng-container>用于任何angularJS条件而不使用任何html元素,如下所示:

<table>
  <tr>
    <td>xyz</td>
    <ng-container ng-repeat="a in myArray">
      <td>{{a.id}}</td>
    </ng-container>
  </tr>
</table>

答案 1 :(得分:0)

在这种情况下,看起来你应该循环使用tr而不是td

<div ng-controller="tenders"> 
    <table ng-init="getViewProjectDetail('<?php echo $project_id ; ?>')">
      <thead> 
            <tr class="active">
                <th colspan="4">
                    Project Detail:
                </th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="a in viewProjects">
                <td><b>Project Name :</b></td>
                <td >
                    {{a.id}}
                </td>
            </tr>
        </tbody>
    </table>
</div>