Question

我有班级名单。正如您在第一张图片中看到的那样，每个班级都有不同数量的学生。

第1课 - ＆gt; 3

第二课 - ＆gt; 0

第3课 - ＆gt; 1

当我点击＆＃39;（3）＆＃39;时，我使用变量＆＃34; sinif＆＃34;作为$ scope.sinif用于模态。我用ng-repeat列出了模态中的$ scope.sinif.ogrenciler。单击（3）时，列表是正确的。但是当我关闭模态并单击（0）时，信息不会更新。同样，当我点击（1）。我们怎样才能解决这个问题。

这是我的第一份清单。点击以下模态后，打开。

模态

这个问题。看看信息

这是我的模态。

<!-- Modal -->
<div class="modal fade in" id="SinifOgrenci" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel"> {{this.sinif.sinifAdi}} - Öğrencileri </h4>
            </div>
            <div class="modal-body">
                <table datatable-setups ng-if="sinif.ogrenciler" class="table table-bordered table-striped js-dataTable-full-pagination">
                    <thead>
                        <tr>
                            <th class="hidden-xs" style="width: 5%;"></th>
                            <th class="text-center">Öğrenci Adı Soyadı</th>
                            <th class="text-center">Yaş</th>
                            <th class="text-center">Boy</th>
                            <th class="text-center">Cinsiyet</th>
                            <!--<th class="text-center">Aktif / Pasif</th>-->
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="ogrenci in sinif.ogrenciler">
                            <td class="hidden-xs">{{this.ogrenci.id}}</td>
                            <td class="text-center">{{this.ogrenci.adSoyad}}</td>
                            <td class="text-center">{{this.ogrenci.yas}}</td>
                            <td class="text-center">{{this.ogrenci.boy}}</td>     
                            <td class="text-center">{{this.ogrenci.cinsiyet}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal"> Kapat </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

我的数据表指令

angular.module("app")
        .directive('datatableSetups', ['$timeout', '$rootScope',
            function ($timeout, $rootScope) {
                return {
                    restrict: 'A',
                    link: function (scope, element) {
                        $timeout(function () {
                            element.dataTable({
                                pagingType: "full_numbers",
                                columnDefs: [],
                                pageLength: 10,
                                lengthMenu: [[5, 10, 15, 20], [5, 10, 15, 20]]
                            });
                        });

                    }
                };
            }
        ]);

不更新dataTable信息

0 个答案: