Angular Filter 和 NgAnimate 冲突答案

【问题标题】：Angular Filter and NgAnimate conflictAngular Filter 和 NgAnimate 冲突
【发布时间】：2016-02-21 02:33:07
【问题描述】：

我同时使用 angular-filter 和 angular-animate，因为我需要在 ngRepeat 中进行分组，但是当我尝试运行时，我收到了错误：

未捕获的错误：[$injector:modulerr] http://errors.angularjs.org/1.4.5/$injector/modulerr?p0=SsrsToolApp&p1=Erro...udflare.com%2Fajax%2Flibs%2Fangular.js%2F1.4.5%2Fangular.min.js %3A37%3A180)。

测试我检测到可能存在冲突，因为当删除 ['ngAnimate'] 时，它工作正常。

这是有错误的代码示例：

<!doctype html>
<html ng-app="SsrsToolApp">
<head>

</head>
<body>
    ...
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.5/angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.5/angular-animate.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.8/angular-filter.js"></script>
    ready
    <script>
        
        var ssrsApp = angular.module('SsrsToolApp', ['ngAnimate'], ['angular.filter']);

    </script>
    ...
</body>
</html>

我的应用中需要这些模块。你怎么看？我该如何解决这个问题？

【问题讨论】：

标签： javascript angularjs angularjs-ng-repeat angularjs-filter angularjs-animation

【解决方案1】：

要在 AngularJS 中注入多个模块，请将它们指定为数组元素：

var ssrsApp = angular.module('SsrsToolApp', ['ngAnimate', 'angular.filter']);

angular.module 的第三个参数是一个配置函数。您得到的错误是抱怨您正在注入一个字符串 ('angular.filter') 而不是一个函数。

【讨论】：