$范围在$（“$ viewContentLoaded”，......打了两次电话，并多次

例如，我有这样简单的片断：

var sampleApp = angular.module('sampleApp', []); 
sampleApp.config(['$routeProvider', 
    function($routeProvider, $rootScope) { 
    $routeProvider. 
     when('/AddNewOrder', { 
    templateUrl: 'add_order.html', 
    controller: 'AddOrderController' 
     }). 
     when('/ShowOrders', { 
    templateUrl: 'show_orders.html', 
    controller: 'ShowOrdersController' 
     }). 
     otherwise({ 
    redirectTo: '/AddNewOrder' 
     }); 
}]); 

sampleApp.controller('AddOrderController', function($scope, $rootScope) { 
    $scope.message = 'This is Add new order screen'; 

    $scope.$on('$viewContentLoaded', function (event, toState, toParams, fromState, fromParams) { 
     console.log("Add new order"); 
    }); 

}); 

sampleApp.controller('ShowOrdersController', function($scope,$rootScope) { 
    $scope.message = 'This is Show orders screen'; 

    $scope.$on('$viewContentLoaded', function (event, toState, toParams, fromState, fromParams) { 
     console.log("Show orders"); 
    }); 
});

是app.js从纳克例如，并且在它的浏览器例如看起来如此：

完整版，你可以在这里看到：http://plnkr.co/edit/jc3nFBAaBLMiGMYV4TZW?p=preview

哪里是有些奇怪：

$scope.$on('$viewContentLoaded', function (event, toState, toParams, fromState, fromParams) { 
     console.log("Add new order");

和

$scope.$on('$viewContentLoaded', function (event, toState, toParams, fromState, fromParams) { 
      console.log("Show orders"); 
     });

每个调用两次单击链接时。另外我尝试使用'$ routeChangeSuccess'，但结果相同。为什么会发生？需要做些什么才能获得$ scope的单个调用$ on（..）？

来源

2016-06-08 PavelPraulov

你的链接与他们的hrefs？明显调用路由的原因 – misha130

只需检查是否包含控制器两次（一次在您的状态中，一次在您的html中作为ng-controller） –

将您的href="#AddNewOrder"更改为href="#/AddNewOrder"。因为你的控制器初始化了两次。

来源

2016-06-08 05:38:54

$范围在$（“$ viewContentLoaded”，......打了两次电话，并多次

回答

相关问题