防止angularjs服务中的自动调用功能

Question

我是AngularJs的新手，我有一个问题，当我运行我的应用程序时，工厂函数调用两次。我想通过从Factory函数调用函数来防止。

这是我的代码： -

advisoryApp.config(function ($routeProvider) {
    $routeProvider
            .when('/', {
                templateUrl: 'pages/home.html',
                controller: 'mainCtrl'
            })
            .when('/about', {
                templateUrl: 'pages/about.html',
                controller: 'aboutController'
            })
            .when('/contact', {
                templateUrl: 'pages/contact.html',
                controller: 'contactController'
            });
});

advisoryApp.factory('HttpResponse', function ($http) {
    return{
        getHttpResponse: function (method, url, data) {
            return $http({
                url: url,
                method: method,
                data: data
            })
        }
});

advisoryApp.controller('mainCtrl', function ($scope, HttpResponse, $rootScope) {
    $scope.allAdvisoryData = '';
    var segment_id = 5;
    var url = $rootScope.base_url + "web_service/call_listing/" + segment_id;
    var data = 'segment_id=' + segment_id;

    $scope.message = 'Everyone come and see how good I look!';
    HttpResponse.getHttpResponse('POST', url, data).success(function (data) {
        console.log(data);
    });
});

以下是我的输出： -

这里api即POST http://localhost/advisory_mandi/web_service/call_listing/5两次打电话但我想要，它应该只打一次电话。

Answer 1

最常见的原因是您初始化控制器两次。 几个选项：

• 控制器从路由器和html ng-controller
初始化
• 应用程序初始化两次。也许你打电话ng-app两次
• 从javascript和html
引导的应用程序