Question

我有以下标记，然后我在不同的文件中定义了应用程序的不同部分。我遇到的问题是加载主应用程序页面上的控制器导致每个嵌套控制器运行多次。我点击按钮改变的任何状态都很好，但每次发射2-3次。

<html ng-app="myApp">

<body ng-controller="myController">

<div ng-controller="dashController">

   <div ng-controller="listController">

   </div>

</div>

</body>

</html>

我的App.js

var myApp = angular.module('myApp', [
    'user.profile',
    'myApp.controllers',
    'myApp.directives',
    'ngCookies',
    'ngAutocomplete',
    'ui.router'
]).config(function($stateProvider, $urlRouterProvider, $locationProvider, $interpolateProvider) {

    $interpolateProvider.startSymbol('{[{').endSymbol('}]}');

    $urlRouterProvider.otherwise('/');

    $stateProvider.
        state('app', {
            url: '/app',
            templateUrl: '/views/homepage',
            controller: 'MyCtrl1'
        });
    $locationProvider.html5Mode(true);

});

myApp.controllers

angular.module('myApp.controllers', ['ui.router','ngCookies']).
  controller('myController', function ($scope, $http,$cookies) {

       $scope.message = 'nothing to see here, move along';
       if ($cookies.userdata) {
           $cookies.userdata = $cookies.userdata.replace("j:", "");
           console.log($cookies);
       }



  });

user.profile.js

angular.module('user.profile', [
        'user.controllers',
        'ngAnimate',
        'ngCookies',
        'ngResource',
        'ngSanitize',
        'nouislider',
        'ui.router',
        'ui.bootstrap',
        'ngLinkedIn'
    ])
    .config(function($stateProvider, $urlRouterProvider, $locationProvider,$interpolateProvider, $linkedInProvider) {

        $interpolateProvider.startSymbol('{[{').endSymbol('}]}');

        $linkedInProvider.set('appKey', '753pos06f998t3')
                         .set('scope', 'r_fullprofile');
                         //.set('authorize', true);

        $locationProvider.html5Mode(true);

        $stateProvider
            .state('userDashboard', {
                controller: 'dashController'
            })
            .state('userList', {
                views : {
                    'popup' : {templateUrl: '/views/app/user/list/userList'}
                },
                controller: 'listController'
            });

    });

user.controllers.js

angular.module('user.controllers', ['ui.router', 'ngAutocomplete', 'nouislider', 'ui.bootstrap', 'ngCookies', 'ngLinkedIn', 'angularFileUpload','cgPrompt'])
    .directive('onLastRepeat', function () {
        return function (scope, element, attrs) {
            if (scope.$last) setTimeout(function () {
                scope.$emit('onRepeatLast', element, attrs);
            }, 1);
        };
    }).
    controller('dashController', function ($scope, $state, $modal, $log, $http, $cookies) {

      $scope.user = [];

    }).
    controller('listController', function ($scope, $http, $cookies) {

    });

我的应用程序也没有初始化，除非我运行angular.bootstrap（document，[＆＃34; myApp＆＃34;]）;

我不认为它在$ stateProvider和DOM中定义了控制器......如果我从DOM中删除，即使在控制器触发后，也没有任何ng-clicks工作......我也有更改状态的ng-click和它的控制器在stateProvider和DOM中定义，并且它不会触发两次......在继续执行之前，它会再次启动另外两个控制器＆＃尽管如此。

Answer 1

问题是您使用routeProvider / stateProvider定义控制器，即：

$stateProvider.state('userDashboard', {
                controller: 'dashController'
            })
            .state('userList', {
                views : {
                    'popup' : {templateUrl: '/views/app/user/list/userList'}
                },
                controller: 'listController'
            });

你正在使用

在DOM中重新划分它们

<div ng-controller="dashController">

删除一个或另一个但不要同时使用这两个，我建议删除在DOM中声明的那个，ng-controller =“dashController”

欢呼声

角度控制器不止一次射击。只有某些

1 个答案: