Angularjs 分离app.js文件的控制器文件和服务文件

我试图做的是导入employeeController，以便能够将其用于我的应用程序。是否需要在控制器文件中重新定义模块empoyeesApp？是否有方法导入并应用该文件，以便我不必将代码复制回app.js文件

app.js employeeController.js

---

如下所示声明控制器：

angular
    .module('employeesApp')
    .controller('employeeController', function ($scope, employeeService) {

    });

以及您的服务：

angular
    .module('employeesApp')
    .service('employeeService', function () {

    });

如果您使用的是ui路由器，请确保通过将这些文件包含在index.html中或加载到状态声明中来加载这些文件。

app.js

import employeeController from 'path-to-employee-controller';
import employeeService from 'path-to-employee-service';

angular.module('employeesApp',[])
.controller('employeesController', employeeController)
.service('employeeService', employeeService);

EmployeeController.js

export default function EmployeesController($scope, employeeService){
 //...
}

EmployeesController.$inject = ['$scope', 'employeeService'];

EmployeeService.js

export default function EmployeeService(){

}

//EmployeeService.$inject = ['dependencies-if-needed'];

---

在单独的文件中声明控制器和服务，并导出函数，这样您就不需要调用

angular.module（'moduleName'）.controller（）

或

angular.module（'moduleName'）.service（）

将它们附加到模块。

仅定义一次依赖项：

app.js employeeController.js 请注意，使用

angular.module（'myModule'，[]）

将创建模块

myModule

，并覆盖名为

myModule

的任何现有模块

angular.module（'myModule'）

以检索现有模块

-

import employeeController from 'path-to-employee-controller';
import employeeService from 'path-to-employee-service';

angular.module('employeesApp',[])
.controller('employeesController', employeeController)
.service('employeeService', employeeService);

export default function EmployeesController($scope, employeeService){
 //...
}

EmployeesController.$inject = ['$scope', 'employeeService'];

export default function EmployeeService(){

}

//EmployeeService.$inject = ['dependencies-if-needed'];

import angular from "angular";

angular.module("employeesApp", []);

̶a̶n̶g̶u̶l̶a̶r̶.̶m̶o̶d̶u̶l̶e̶(̶"̶e̶m̶p̶l̶o̶y̶e̶e̶s̶A̶p̶p̶"̶,̶ ̶[̶]̶)̶
angular.module("employeesApp")
  .controller("employeeController", function ($scope, employeeService) {