AngularJS:使用多模块并在模块之间进行通信?

时间:2015-08-10 14:12:41

标签: angularjs angularjs-scope angular-ui-router angularjs-module

我正在尝试找到一些很好的教程或文档来解释AngularJS和多模块。根据我的理解,将角度分离为模块是一个好主意,而不是根据大多数教程和演示使用1个模块。

什么帮助我决定分成模块的内容。采用标准网页,其中包含一个工具栏,一些处理食物的功能(添加,更新和删除 - 标准CRUD)以及另一种处理饮料的功能。所以根据我的理解,我可以分离这两种类型的功能,但是工具栏怎么样,这可能是两种功能共同的东西,所以我应该把它分开呢?

将事物分成模块,我应该如何将这些信息注入我的index.js?使用angular" Include" ?

最后,在不同的模块之间进行沟通,有没有一种标准的方法呢?

我认为我已经掌握了所有可能的背景知识,但我无法找到任何具体的教程,文档或示例。

我希望有人有所作为,他们可以指出我正确的方向。

由于

1 个答案:

答案 0 :(得分:2)

分成多个模块总是好的,这些模块负责不同的子系统或应用程序的功能。在Angular中,标准方法是使用module dependency来指定Module Two wants to use the services/factory/provider from Module One

// Define `ModuleOne` in some JS file, say `one.js`.
angular.module('ModuleOne', [])
.factory('firstFactory', function () {
    return {
    //...
    };
});

// Use it from some other JS file, say `two.js`.
angular.module('ModuleTwo', ['ModuleOne'])
.controller('MyCtrl', ['firstFactory', function (firstFactory) {
}]);