数据表未刷新Angularjs中的数据

Question

我在angular js应用程序中使用jquery datables，我显示表格数据，但此值将根据用户选择而变化。我的html是

 <table  class="tablestyle colortableborder" id="tblMasterData">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Age</th>
                    <th>City</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="x in reportData.rows">

                    <td>{{x["Name"]}}</td>
                    <td>{{x["Age"]}}</td>
                    <td>{{x["City"]}}</td>
                </tr>
            </tbody>
        </table>

初始负载数据表的

正常工作。单击表外的按钮将更改数据，该数据将反映在表中，但数据表的分页和排序不起作用。我的按钮点击代码在angular js控制器中定义如下

                        $scope.resultData = [];
                        $scope.resultData = JSON.parse(response);
            angular.element(document).ready(function () {
                            var dTable = null;
                            dTable = $('#tblMasterData');
                            dTable.DataTable();
                        });

我该如何用新数据重画和初始化datable？我尝试了datables的clear和row方法。