Angular 过滤器和 NgAnimate 冲突

Question

我正在同时使用 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>

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

Answer 1

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

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

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

Angular 过滤器和 NgAnimate 冲突

Angular Filter and NgAnimate conflict

javascript

angularjs

angularjs-ng-repeat

angularjs-animation

angularjs-filter