角度滤镜和 NgAnimate 冲突

Angular Filter and NgAnimate conflict

本文关键字:NgAnimate 冲突 滤镜      更新时间:2023-09-26

我同时使用角度过滤器和角度动画,因为我需要在ngRepeat中做一个分组,但是当我尝试运行时,我收到一个错误:

未捕获的错误: [$injector:模块] 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>

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

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

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

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