不了解angularjs中的模块如何协同工作

Question

我清楚地忽略了模块如何工作以及可以一起使用的基本知识。下面，我用ng-app =＆＃39; baseapp＆＃39;创建了一个简单的角应用程序。在我的HTML中。 x在第一个控制器中正确获取4个整数。

我的想法是，如果我创建一个新模块＆＃39; mainApp＆＃39;并为该模块baseApp创建一个依赖项，然后我可以在baseApp的控制器中使用testService。

我猜测我所做的事情有很多不足，但令人惊讶的是我可以在如此少的代码行中迷失方向。这里的任何指导非常感谢如何实际创建一个新模块，让我使用以前创建的模块中定义的服务。

(function () {
    'use strict';


    var baseApp = angular.module('baseApp', []);
    baseApp.service('testService', function () {
        this.myData = function () {
            return [1, 2, 3, 4];
        }
    });
    baseApp.controller('myBaseController', function (testService) {
        var x = testService.myData();
        console.log('baseApp ' + x.length);
    });


    var mainApp = angular.module('mainApp', ['baseApp']);
    mainApp.controller('myMainController',['testService', function (testService) {
        debugger;
        var y = testService.myData();
        console.log('baseApp ' + y.length);
    }]);


  }());