показать сообщение о загрузке в angular datatable

Контроллер

  app.controller('myController', ['$scope', 'dashboardService', 'DTOptionsBuilder', function ($scope, dashboardService, DTOptionsBuilder) { 
   $scope.dtMasterOptions =
    DTOptionsBuilder.newOptions()       
    .withDisplayLength(10)
    .withOption('bLengthChange', true)
    .withPaginationType('full_numbers')
    .withBootstrap();       
   $scope.ViewData = function () {       
    var getData = dashboardService.getAllSubmitted();
    getData.then(function (job) {
        $scope.submitedjob = job.data;            
    },
    function (response) { document.write(response.status + "<br/>" + response.data); });
} 
 }]);

HTML-код

       <table style="width:100%;" ng-controller='myController'>
        <tr>
        <td align="center" style="padding:25px;" ng-init=" ViewData();">
            <table datatable="ng" dt-options="dtMasterOptions" class="table table-striped table-bordered" ng-cloak>
                <thead>
                    <tr>
                        <th class="text-danger" style="width:5%;">S. No.</th>
                        <th style="width:10%;">Applicant ID</th>
                        <th style="width:15%;">Email</th>
                        <th style="width:15%;">Full Name</th>
                        <th style="width:10%;">Contact No</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="x in submitedjob" ng-if="x.SubmittedStatus==='Submitted'">
                        <td>{{$index + 1}}</td>
                        <td>{{x.ApplicantID}}</td>
                        <td>{{x.Username}}</td>
                        <td>{{x.Salutation}} {{x.Firstname}} {{x.Middlename}} {{x.Lastname}}</td>
                        <td>{{x.Mobile}}</td>                            
                    </tr>
                </tbody>
            </table>
        </td>
    </tr>
</table>

введите здесь описание изображения

Здесь перед полной загрузкой данных отображается сообщение «Нет доступной таблицы данных». Поэтому я хочу показать сообщение «Загрузка» вместо сообщения «Нет доступных данных» перед полной загрузкой данных в таблицу данных.


person Pravin    schedule 21.09.2016    source источник
comment
см. stackoverflow.com/questions/37226074/ и stackoverflow.com/questions/32103524/   -  person davidkonrad    schedule 21.09.2016
comment
Спасибо за ответ @davidkonrad я пытался, но не работает   -  person Pravin    schedule 21.09.2016
comment
@Pravinhow, ты можешь решить эту проблему. пожалуйста, помогите мне решить ту же проблему в angularjs, которую я не использую, функция fromSource, пожалуйста, помогите мне, это очень срочно для меня TIA   -  person Hardik Masalawala    schedule 18.05.2018


Ответы (1)


добавьте withOption('processing', true) к вашему DTOptionsBuilder.newOptions(), и он должен показать сообщение о загрузке.

person Deendayal Garg    schedule 21.09.2016
comment
спасибо за ответ @Deendayal, но я уже пробовал, это не работает - person Pravin; 21.09.2016
comment
спасибо за полезный пример, но когда я попытался передать как DTOptionsBuilder.fromSource(job.data) и получить из правильного имени столбца, то ничего не показал, почему это? - person Pravin; 21.09.2016
comment
вам не хватало файла data1.json. Проверь это. plnkr.co/edit/sYRSHURwsGsixPkVfhCM?p=preview - person Deendayal Garg; 21.09.2016
comment
Нет, я хочу передать как DTOptionsBuilder.fromSource(dataPara) вместо имени файла Пожалуйста, проверьте мою переменную dataPara, потому что мои данные входят в объект, поэтому я хочу передать 'dataPara' вместо имени файла - person Pravin; 21.09.2016