Question

未捕获错误：[$ injector：unpr]未知提供者：$ animateProvider＆lt; - $ animate

我正在尝试使用此链接中给出的Angular-ui创建旋转木马。 http://angular-ui.github.io/bootstrap/

但是，我得到了那个错误。

详细信息：我使用的是.min角度脚本文件。 index.html具有与链接中给出的代码相同的代码。根据这篇文章Error: Unknown provider: employeesProvider <- employees，我从html中获取了ng-controller，并且我在angular-seed应用程序中给出了controller.js中的控制器。

此外，http://docs.angularjs.org/error/ $ injector：unpr？p0 = $ animateProvider％20％3C-％20 $ animate对我没有帮助。

可能是什么原因？

Answer 1

当我将ngAnimate引入具有较早版本Angular的项目时，我也遇到了未知的提供程序问题。最好的办法是在项目中使用等于当前版本Angular的ngAnimate版本。它们似乎是一前一后释放的。

Answer 2

由于Chrome中的Batarang自动更新，也会发生此错误。我的网站，使用较旧版本的Angular突然开始给我这个错误（未知提供商：$ animateProvider＆lt; - $ animate），我不得不禁用Batarang让它再次运行。

Answer 3

我也遇到了和你一样的问题，我通过使用版本angular-1.4.3来解决它，这是我的决议的过程。我正在尝试运行指令＆＃34; nginclude＆＃34;从网络demo adress当我尝试运行演示时，错误会像你一样在firefox控制台中弹出，但当我将版本更改为1.4.3的角度时，它全部解决了。顺便说一句，您可以从1.4.3

下载该版本

.js
var APP = angular.module('app', ['ngAnimate'])
APP.controller('ctrl', ['$scope', function($scope) {
$scope.templates =
  [{name: 'template1.html',url:'template1.html'},
    {name: 'template2.html',url:'template2.html'}];
$scope.template = $scope.templates[0];}]);
.html
<!DOCTYPE html>
<html ng-app="app">
<head>
<meta Content-Type="html/text;charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/animation.css">
<title>ngInclude demo</title>
</head>
<body>
<div ng-controller="ctrl">
  <select ng-model="template" ng-options="t.name for t in templates">
     <option value="">(blank)</option>
  </select>
     url of the template: <code>{{template.url}}</code>
  <hr/>
  <div class="slide-animate-container">
  <div class="slide-animate" ng-include="template.url"></div>
 </div>
 </div>
 </body>
<script src="js/angular.js"></script>
<script src="js/ngInclude.js"></script>
<script src="js/angular-animate.js"></script>
</html>

谢谢。

AngularJS错误：未知提供者：$ animateProvider＆lt; - $ animate

3 个答案: