数据表分页不适用于angularjs

Question

我使用Laravel和Angular JS创建了一个新项目，我的问题是当我将数据加载到DataTable时分页不起作用。

我的HTML代码：

<tbody>
   <tr ng-repeat="Language in viewLanguages">
      <td>[[$index + 1]]</td>
      <td>[[Language.LangName]]</td>
      <td>[[Language.LangCode]]</td>
      <td><button ng-click="showDataForEdit(Language)"  data-toggle="tooltip" data-original-title="Edit Data" class="btn btn-xs btn-warning"><i class=" fas fa-pencil-alt "></i></button>
         <button data-toggle="tooltip" data-original-title="Delete Data" class="btn btn-xs btn-danger"><i class="fa fa-trash"></i></button></td>
   </tr>
</tbody> 

我的Angularjs代码是

var app = angular.module("languageApp", []); 
app.config(function($interpolateProvider) {
    $interpolateProvider.startSymbol('[[');
    $interpolateProvider.endSymbol(']]');
});

app.controller('languageController', function($scope, $http) {
    $scope.viewLanguages="";
    $scope.viewLanguages1=function(){
        var FormData={"condition":''};
        $http({
            method : "POST",
            url : "language/view",
            data: FormData,
        }).then(function(response) {
            //console.log(response)
            $scope.viewLanguages=response.data;
            $('#datatable-language').DataTable();
        }, function(response) {
            //console.log(response)
        });
    }
})

图片

如何解决这个问题？

谢谢。