Question

我有3个模块名称'dashboard.services1，'，'dashboard.services2'， 'dashboard.services3'。

angular.module('dashboard.services1', [])

    .service('sublineService', function ()

3个服务是.js（角度）文件。我要添加的这些文件

app.js

angular.module('dashboard', ['dashboard.filters', 'dashboard.services1', 
'dashboard.services2', 'dashboard.services3', 'dashboard.directives', 
'dashboard.controllers']).
      config(['$routeProvider', function ($routeProvider, $routeParams) {
          // Dashboard Screens
          $routeProvider.when('/lines', 
{ templateUrl: 'partials/lines.html', controller: 'PlantController' });
          $routeProvider.when('/lineId/:lineId/linename/:linename', 
{ templateUrl: 'partials/line-detail.html', controller: 'LineDetailController' });
          $routeProvider.when('/subline/:lineId/:sublineId', 
{ templateUrl: 'partials/subline-detail.html', controller: 'SublineController' });
          $routeProvider.when('/equipment/:equipmentId', 
{ templateUrl: 'partials/equipment-detail.html', controller: 'EquipmentController' });
     $routeProvider.otherwise({ redirectTo: '/lines' });
      }]);

但我的问题不是所有这3个文件都有效。最后一个是

 'dashboard.services3'

只能工作并从中获取输出。其他2个文件被跳过。我不想要的是我的问题。

我的问题是如何添加更多服务文件（即模块名称）/如何将这些模块名称组合成单个.js（角度）文件，以获取所有脚本文件想要解决并获得我的输出..

谢谢！

Answer 1

angular.module（）不接受文件名，它接受模块名称。 Angular不会为您从服务器加载脚本，它希望您在引导应用程序之前已经加载了脚本文件。

您有几个选择：

在html
使用任何无数的脚本加载工具，例如require.js，$ script.js等......
使用第三方工具将所有javascript文件合并到一个文件中，并可选择最小化/优化。您可以使用以下内容：
- Google Closure编译器：https://developers.google.com/closure/compiler/
- RequireJS优化器：http://requirejs.org/docs/optimization.html#wholeproject
- Yahoo的YUI压缩器：http://yui.github.io/yuicompressor/
- Uglify.js：https://github.com/mishoo/UglifyJS

然后，您需要使用html中的标记加载其中一个工具生成的脚本。

如何将更多JS文件合并到AngularJS中的一个文件中？

1 个答案: