在angularJs中执行URL两次而不是一次？

Question

I am developing web application using angularJs and Rest Web services. I have written service function for executing web service API and calling from controller.It is working but problem is executing URL two times instead of single time.

Controller

invoiceApp.controller('clientController', ['$scope', '$http', 'clientService', function ($scope, $http, clientService) {
        $scope.loadPage = function (url) {
            var request = clientService.list(url);
            request.success(function (data, status) {
                $scope.result = data;
            });
        };
    }]);

Service,

'use strict';

    invoiceApp.factory('clientService', ['$http', function ($http) {
            var url = 'clients';
            return {
                list: function (newUrl) {
                    url = newUrl ? newUrl : url;
                    return $http.get(url);
                }
            };
        }
    ]);

HTML

<table id="dt_basic" class="table table-bordered table-hover" width="100%"  data-ng-init="loadPage()">
.....
...pagination...
  <ul class="pagination pagination-sm pull-right">
                            <li ng-if="result.prev_page_url">
                                <a ng-click="loadPage(result.prev_page_url)" href="javascript:void(0)"><i class="fa fa-angle-left"></i></a>
                            </li>
                            <li ng-if="result.next_page_url">
                                <a ng-click="loadPage(result.next_page_url)" href="javascript:void(0)"><i class="fa fa-angle-right"></i></a>
                            </li>
                        </ul>
</table>

Here when I am clicking next page,it works fine but executes URL two times.

Answer 1

You should check your .htaccess check this link.