AddDevicemodalCtrl不是一個函數，得到了不確定

Question

我收到上面提到的錯誤，我相信這是因爲控制器沒有連接到模塊正確，但我可能是錯的。這是已經定義的控制器。

(function() { 
'use strict'; 

angular 
    .module('WS') 
    .controller('AddDeviceModalCtrl', AddDeviceModalCtrl); 

/* @ngInject */ 
function AddDeviceModalCtrl(
    $rootScope, 
    $scope, 
    $stateParams, 
    close, 
    Auth, 
    device, 
    DeviceAPI, 
    PathfinderAPI, 
    helpers, 
    GLOBAL_CONST, 
    Notification 
) {...})(); 

我點擊網頁上的一個按鈕，它擊中了這個控制器，並擊中了openModal函數。 Modal對象是下面定義的服務。

(function() { 
    'use strict'; 

    angular 
    .module('WS.environment') 
    .controller('DevicesCtrl', DevicesCtrl); 

    /* @ngInject */ 
    function DevicesCtrl($rootScope, $scope, $state, $stateParams, DeviceAPI, helpers, GLOBAL_CONST, Modal) { 
    angular.extend($scope, { 
     openModal: openModal, 
     editDevice: editDevice 
    }); 

    angular.extend($scope, { 
     devices: [], 
     errors: [] 
    }); 

    $rootScope.$on('deviceAdded', onUpdateDeviceList); 

    DeviceAPI 
     .getDevices() 
     .then(onGetDeviceListSuccess); 

    function onGetDeviceListSuccess(devices) { 
     $scope.devices = devices; 
    } 

    $rootScope.$on('updateDevicesEvent', function(event, devices) { 
     onGetDeviceListSuccess(devices); 
    }); 

    function openModal($event) { 
     Modal.showAddDevice($scope.device); 
    } 

    function editDevice($event, device) { 
     Modal.showEditDevice(device); 
    } 

    function onUpdateDeviceList($event, device) { 
     $scope.devices.push(device.device); 
    } 
    } 

})(); 

這裏是我的服務：

(function() { 
    'use strict'; 

    angular 
    .module('WS.service') 
    .factory('Modal', Modal); 

    /* @ngInject */ 
    function Modal($rootScope, ModalService) { 
    var service = { 
     showAddDevice: showAddDevice, 
     showEditDevice: showEditDevice, 
     showConfirmation: showConfirmation, 
     showTimeRange: showTimeRange 
    }; 

    return service; 

    function showAddDevice(device) { 
     $rootScope.modalHasOpen = true; 

     return ModalService.showModal({ 
     templateUrl: 'modules/modals/device/add/views/device.html', 
     controller: 'AddDeviceModalCtrl', 
     inputs: { 
      device: device 
     } 
     }); 
    }})(); 

，這是我的應用程序：

WS.app = angular 
    .module('WS', [ 
    'interceptors', 
    'WS.common', 
    'WS.account', 
    'WS.layout', 
    'WS.dashboard', 
    'WS.environment', 
    'WS.service', 
    'WS.settings' 
    ]) 
    .config(config) 
    .run(run); 

Answer 1

看來， 'WS' 模塊不可用，當你添加AddDeviceModalCtrl控制它。 請注意，在添加任何控制器或服務之前，您必須確保角度模塊已準備就緒。

嘗試下面的代碼在一個文件：

(function() { 
'use strict'; 

WS.app = angular 
    .module('WS', [ 
    'interceptors', 
    'WS.common', 
    'WS.account', 
    'WS.layout', 
    'WS.dashboard', 
    'WS.environment', 
    'WS.service', 
    'WS.settings' 
    ]) 
    .config(config) 
    .run(run); 

angular 
    .module('WS') 
    .controller('AddDeviceModalCtrl', AddDeviceModalCtrl); 

/* @ngInject */ 
function AddDeviceModalCtrl(
    $rootScope, 
    $scope, 
    $stateParams, 
    close, 
    Auth, 
    device, 
    DeviceAPI, 
    PathfinderAPI, 
    helpers, 
    GLOBAL_CONST, 
    Notification 
) {...})();