Angular js 分离到不同 js 文件中的不同模块 [关闭]

我创建了一个支持拖放元素的 Angular Web 应用程序。

我完成了它的构建，但我有一个大模块。该模块放置在一个包含数千行代码的 js 文件中。

我想知道如何将我的大模块分成几个互相通信的js文件中的多个模块。

有人可以给我提供一个简单的例子，我该怎么做？

我想知道如何将我的大模块分成几个互相通信的js文件中的多个模块。

当然，您可以使用多个模块并绑定它们，如下例所示：

var firstModule = angular.module('firstModule', []);
var secondModule = angular.module('secondModule', ['firstModule']);

现在创建的所有服务/指令firstModule可见于secondModule.

但在创建两个模块之前，您应该问自己：

1. 两个模块

据我所知，如果您的项目具有具有不同依赖项的不同部分，那么多个模块是一个好方法。

例如一个模块使用ui.bootstrap当 other 为空时，例如：

var firstModule = angular.module('firstModule', []);
var secondModule = angular.module('secondModule', ['ui.bootstrap','firstModule']);

2. 两个控制器

多控制器方法有利于拆分业务逻辑并使代码更清晰

3. 两个js文件中的一个控制器

您希望以这种方式实施（因为我们不知道您的项目目标）

例如：

控制器.js

var app = angular.module('myApp', []);

app.controller('someCtrl', function($scope) {

     // call other js file:
     otherFile($scope);

    /*....*/
});
app.$inject = ['$scope'];

一些其他文件.js

var otherFile = function($scope) {
/*...*/
});