Question

我正在尝试使用ng-repeat指令创建包含广告系列名称列表的表格行。但是，我无法获得任何结果，但我仍然可以看到阵列中的一个子项正确显示。这是我的观看代码：

    <div class="modal-body">
        <p>{{$ctrl.contact.Campaigns[0].CampaignName}}</p>
        <tr ng-repeat="campaign in $ctrl.contact.Campaigns">
            <label>
                {{campaign.CampaignName}}
            </label>
         </tr>
    </div>

我可以成功查看上面的段落元素，它显示了预期的数据，但没有显示表格行元素。

我在浏览器控制台中看不到任何错误。

如何让ng-repeat指令在上面的代码中起作用？

Answer 1

问题是<tr> / table row元素没有包含它的父<table>元素。只需在孤立的<tr>元素周围添加表格标记即可解决此问题：

    <div class="modal-body">
        <table>
            <tr ng-repeat="campaign in $ctrl.contact.Campaigns">
                    <label>
                        {{campaign.CampaignName}}
                    </label>
            </tr>
        </table>
    </div>

ng-repeat指令不对/ table row元素起作用

1 个答案: