AngularJS：尝试使用 ngAnimate 时 $$ 选择器未定义

Question

这让我很难过！我正在尝试使用 angular-animate.js 但由于某些原因 $$animateProvider 的 $$selectors 属性行（第 451 行）未定义。有人可以解释这个属性是如何填充的吗？

这种情况导致第 617 行的查找函数抛出 "TypeError: Cannot read property '' of undefined"

我的 js 包括如下所示：

<script src="lib/jquery/jquery.js"></script>
<script src="lib/bootstrap/js/bootstrap.js"></script>
<script src="lib/angular/angular.js"></script>
<script src="lib/angular-sanitize/angular-sanitize.js"></script>
<script src="lib/angular-route/angular-route.js"></script>
<script src="lib/angular-animate/angular-animate.js"></script>
<script src="lib/angular-bootstrap/ui-bootstrap-tpls.js"></script>

CSS 包括这样的：

<link rel="stylesheet" href="app/css/bootstrap.css" />
<link rel="stylesheet" href="lib/animate-css/animate.css"/>

我的 app.js 是这样的：

var app = angular.module('app', [
    // Angular modules (dependencies)
    'ngRoute',          // routing
    'ngSanitize',       // sanitizes html bindings (ex: sidebar.js)
    'ngAnimate',        // animations
    'ui.bootstrap'      // ui-bootstrap (ex: carousel, pagination, dialog)
]);

令人沮丧的是，这个是工作的，但我不知何故弄坏了它。我已经尝试再次清理和下载所有库。非常感谢任何帮助！

我正在使用 Gulp 和 Bower download/import。所有文件都存在并由浏览器加载：

TypeError: Cannot read property '' of undefined
at lookup (angular-animate.js:617)
at animationRunner (angular-animate.js:681)
at performAnimation (angular-animate.js:1284)
at angular-animate.js:959
at angular-animate.js:539
at Scope.$get.Scope.$digest (angular.js:15606)
at Scope.$get.Scope.$apply (angular.js:15824)
at done (angular.js:10263)
at completeRequest (angular.js:10435)
at XMLHttpRequest.requestLoaded (angular.js:10376)

Answer 1

这是由于angular1.4版本冲突，angular-materialmaster依赖1.3.

可能在 bower.json 中更新您的 angular 版本“"angular": ">=1.4.",”应该可以解决这个问题。

AngularJS：尝试使用 ngAnimate 时 $$ 选择器未定义

AngularJS: $$selectors undefined when trying to use ngAnimate

angularjs

ng-animate