Ошибка AngularJS: неизвестный поставщик: $ animateProvider ‹- $ animate

Неперехваченная ошибка: [$ injector: unpr] Неизвестный поставщик: $ animateProvider ‹- $ animate

Я пытаюсь создать карусель с помощью Angular-ui, как указано в этой ссылке. http://angular-ui.github.io/bootstrap/

Но я получаю эту ошибку.

Подробности: я использую файл сценария angular .min. Index.html имеет тот же код, что и в ссылке. Согласно этому сообщению, Ошибка: неизвестный поставщик: employeeProvider ‹- сотрудники, Я взял ng-controller из html и привязываю контроллер к controller.js, как указано в приложении angular-seed.

Кроме того, http://docs.angularjs.org/error/ $ injector: unpr? P0 = $ animateProvider% 20% 3C-% 20 $ animate мне не помог.

Что может быть причиной?


angularjs angular-ui
person vplusplus    schedule 09.11.2013    source источник
comment
Какая версия AngularJS?   -  person Phix    schedule 09.11.2013
comment
критичная версия ... не во всех   -  person charlietfl    schedule 09.11.2013
comment
Я использовал ajax.googleapis.com/ajax/libs/ angularjs / 1.0.7 / angular.min.js. Тоже пробовал 1.0.8.   -  person vplusplus    schedule 09.11.2013

Ответы (3)


arrow_upward
7
arrow_downward

У меня также возникали проблемы с неизвестным поставщиком, когда я вводил ngAnimate в проект со старой версией Angular. Лучше всего использовать версию ngAnimate, равную текущей версии Angular в вашем проекте. Они вроде бы выпускаются тандемом.

person Matt Jensen    schedule 10.03.2014

arrow_upward
0
arrow_downward

Эта ошибка также может возникать из-за автоматического обновления Batarang в Chrome. Мой сайт, использующий старую версию Angular, внезапно начал выдавать мне эту ошибку (Неизвестный поставщик: $ animateProvider ‹- $ animate), и мне пришлось отключить Batarang, чтобы он снова заработал.

person Michael Taylor    schedule 10.12.2014

arrow_upward
0
arrow_downward

Я также столкнулся с теми же проблемами, что и ваша, и решил их, используя версию angular-1.4.3, вот процесс для моих разрешений. Я пытаюсь запустить директиву nginclude из демонстрационного адреса сети, когда я попробуйте запустить демонстрацию, ошибка появляется в консоли firefox, как и вы, но когда я меняю версию angular на 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>

Спасибо.

person Michael.Duan    schedule 17.07.2015
comment
Вы должны добавить соответствующий код в свой ответ, а не просто ссылаться на внешние ссылки - person singe3; 17.07.2015
comment
Привет, singe3, Спасибо, что напомнили, я сам здесь новичок. - person Michael.Duan; 17.07.2015