Htykuut

I create a new project with Laravel and Angular JS, my problem is when I load data to the DataTable the pagination is not working.

My HTML code:

<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> 

My Angularjs Code is,

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)

        });

    }

})

Image

How to solve this???

Thank you.