如何在没有注入器/模块的情况下向AngularJS单页应用程序注入外部模块？

Question

我是AngularJS的新手，每次学习教程并添加外部模块时都会遇到问题。我有一些关于如何避免注入错误的问题。

Q1.如何解决注入器/模块问题？我使用bower安装了'ngSanitize'，包括在HTML中，如：

<body ...>

 <script src="assets/js/angular.min.js"></script>
        <script src="bower_components/ngSanitize/index.js" type="text/javascript"></script>

</body>

Q2.如果添加模块的顺序影响结果，是否有用于NetBeans的插件或在线应用程序来检查模块依赖关系以便按顺序添加？

Q3.最后，在没有注入器/模块的情况下，向AngularJS单页应用程序注入外部模块的正确步骤是什么？

原版：

angular.module('app', [
    'ngRoute', 
    'ngAnimate', 
    'angularMoment', 
    'angular-preload-image',
    'truncate',
    'app.core'
  ]);

为“ngSanitize”抛出注入错误的客观情况：

angular.module('app', [
    'ngRoute', 
    'ngSanitize', 
    'ngAnimate', 
    'angularMoment', 
    'angular-preload-image',
    'truncate',     
    'app.core' 
  ]);

导致应用程序加载崩溃的显示错误。

我使用angularjs.org/1.4.8获得了同样的错误。

Answer 1

我认为主要的问题是使用特定的ngSanitize。

您应该使用：bower install angular-sanitize而不是bower install ngSanitize来安装它。

尽管与同一件事有关，但根据ngSanitize的回购描述，它是：

不包括用于主干和其他框架的angular.js的角净化模块

如您所见，它们属于不同的repos：

angular-sanitize: https://github.com/angular/bower-angular-sanitize

ngSanitize: https://github.com/gdi2290/ngSanitize

在HTML中加载脚本是很重要的。我总是先插入jQuery，然后是angular，然后是角特定模块(angular-animate、angular-sanitize等)，然后是定制的角模块脚本。

关于Q3，我不认为你搞砸了模块注入。它只是显示了这个错误，因为使用ngSanitize而不是angular-sanitize。