javascript - AngularJS 分成多个文件 - 只有最后一个有效

Question

我遇到了一个问题，将我的 AngularJS 应用程序逻辑拆分为多个文件给我带来了一个问题，即只有最后一个有效，而之前的可能被跳过。

这是 index.html 的内容:

<script src="js/app.js"></script>
<script src="js/app.config.js"></script>
<script src="js/controllers/HomeController.js"></script>

每个文件包含非常少量的逻辑:

初始化:

angular.module('sportcial', ['ionic'])
.run(function run($ionicPlatform) {
    alert(2);
    $ionicPlatform.ready(function() {
        // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
        // for form inputs)
        if(window.cordova && window.cordova.plugins.Keyboard) {
          cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
        }

        if(window.StatusBar) {
          StatusBar.styleDefault();
        }
    });
});

配置:

angular.module('sportcial', ['ionic']).config(function configApp($ionicConfigProvider) {
    alert(1);
    $ionicConfigProvider.tabs.position('bottom');
});

家庭 Controller :

angular.module('sportcial', ['ionic'])
    .config(function config($stateProvider, $urlRouterProvider) {
        alert(3)
    })
    .controller('HomeController', ['$scope', function HomeController($scope) {
        var home = this;
    }]
);

只有最后一个触发警报(3)...

伙计们，我在这里错过了什么？ :)

Answer 1

您正在覆盖每个文件中的 sportcial 模块。

使用setter语法

angular.module("moduleName", [moduleDependencies, ..])

创建模块。

如果你想向现有模块添加一些东西，你需要调用getter:

angular.module("moduleName")

例如，您需要将配置文件更新为:

angular.module('sportcial').config(function configApp($ionicConfigProvider) {
    alert(1);
    $ionicConfigProvider.tabs.position('bottom');
});