可排序表中的所有数据都在排序或搜索后消失，可能是由于与AngularJS一起使用

Question

当我在表上执行任何操作时，所有数据都会消失。同样，当我加载页面时，我看到该表包含多个条目，但是在该表下方显示“显示0条记录中的0条”。

angularJS和dynatable之间可能有一些奇怪的相互作用吗？

HTML片段：

Afspraken:
<table id = "afsprakenLijst">
<thead>
    <tr><th>lespakketID</th></tr>
</thead>
<tbody>
    <tr ng-repeat = 'afspraakInfo in afsprakenLijst'> <td>{{afspraakInfo.lespakketID}}</td></tr>
</tbody>

JavaScript代码段1：

function initialize(){
    $('#afsprakenLijst').dynatable();
};

JavaScript代码段2：

$scope.getAfsprakenLijst = function(){
    $http.get('/api/afsprakenLijst').then(function(response){
        $scope.afsprakenLijst = response.data;
        console.log(response.data)
    });
};

$scope.getAfsprakenLijst();