Angular 工厂总是调用两次

Question

我从 Angular 调用 REST 服务，它总是调用工厂两次。这是工厂代码。

app.factory('dataFactory', ['$http', function ($http) {
    var urlBase = '/api';
    var dataFactory = {};

    dataFactory.getMyItems = function () {            
        return $http.get(urlBase + '/MyItems');
    };

    return dataFactory;
} ]);

这里是从控制器调用的

app.controller('MyItemsController', ['$scope', 'dataFactory',
    function ($scope, dataFactory) {            
        $scope.myItems;

        getItems();

        function getItems() {

            dataFactory.getMyItems()
                .success(function (itemsData) {
                    $scope.myItems = itemsData;
                })
                .error(function (error) {
                    $scope.status = 'Unable to load items data: ' + error.message;
                });
        }
    }
]);

Answer 1

我遇到了和你一样的问题，控制器通常被调用了两次；因此，工厂将被调用两次。

但是在看了这个解决方案之后： Combating AngularJS executing controller twice

第 1 步：

确保您只在（主布局视图）中添加服务和控制器一次。

例子：

index.html

  <script src="../MyItemsController.js"></script>
  <script src="../MyItemsService.js"></script>

如果执行第 1 步后问题仍然存在，请转到第 2 步

---

第 2 步：

有两种方法：-

1.将控制器保留在您的视图中（ng-controller），并将其从您的配置路由中删除，如下所示：

路由配置（通常是 app.js）：

 app.config(['$routeProvider', function($routeProvider){
      $routeProvider.when('/',
               { 
                   templateUrl: 'pages/home.html'
                   //Remove controller from here
               });
}]);

home.html

 <!-- Add the ng-controller in your view -->
    <div ng-controller="MyItemsController">
        <!-- Your stuff -->
    </div>

2。或者将控制器保留在您的配置路由中，然后删除 ng-controller 从这样的角度来看：

路由配置（通常是 app.js）：

  app.config(['$routeProvider', function($routeProvider){
      $routeProvider.when('/',
               { 
                   templateUrl: 'pages/home.html',
                   controller: 'MyItemsController' //Add the controller here

               });
}]);

home.html

 <!-- Remove the ng-controller in your view -->
    <div>
        <!-- Your stuff -->
    </div>

注意：上述解决方案也适用于 ui 路由器。