ng-repeat在模态中不起作用

时间:2015-08-17 20:21:35

标签: javascript angularjs angularjs-ng-repeat

所以我试图得到一个模态来重复一个对象数组,它根本不会显示出来。 我不太确定我做错了什么,但希望能帮助让ng-repeat工作!

    <div class="modal-content">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> &times; </button>
        <h4>Transfer Funds</h4>
    </div>
    <br />
    <div class="modal-body">
        <div class="row">
            <div class="col-md-12">
                <table class="table">
                    <thead>
                        <tr>
                            <th class="text-center">
                                eGift Cards
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="trans in gctrans.Items | filter: cardSearch">
                            <td class="text-center">
                                <strong>{{getCustomerName(trans)}}</strong>
                                <strong>{{getCustomerCardNumber(trans)}}</strong>
                                <small>{{getCustomerPhone(trans) | tel}}<br /></small>
                                <small> {{getCustomerEmail(trans)}}<br /></small>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
<br />
<div class="modal-footer">
    <button class="btn btn-primary" ng-click="confirmTransfer(trans)">Next</button>
</div>
</div>

2 个答案:

答案 0 :(得分:0)

导致此问题的两个最可能的事情是范围中不存在的模型和导致意外行为的过滤器。第一个尝试将看到gctrans.Items是否在模态范围内可用。尝试在模态中添加{{gctrans}}并查看是否有任何数据,例如:

<div class="col-md-12">
   raw data: {{gctrans}}
   <table class="table">

第二,如果有数据,请尝试删除过滤器:

<tr ng-repeat="trans in gctrans.Items">

还有一件事要尝试,如果数据良好并且过滤器没有意外删除项目,则可能不会在重复内部选择任何内容。尝试输出项目

<tr ng-repeat="trans in gctrans.Items">
  <td class="text-center">
    <strong>{{trans}}</strong>
  </td>
</tr>

答案 1 :(得分:0)

非常感谢您的投入。我弄清楚我在控制器中做错了什么(没有在模态函数中声明gctrans)。 如果您正在使用模态和ng-repeat,请确保所有内容都在函数中声明!