Неизвестная ошибка провайдера. как добавить angular-bootsrap на angularjs

yo angular
bower install angular-bootstrap --save

добавлен «ui.bootstrap» в app.js. добавлен

<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>

в index.html. проверил bower.json, что у него есть «angular-bootstrap».

теперь я получил

Uncaught Error: [$injector:unpr] Unknown provider: $$qProvider <- $$q <- $animate <- $compile

вот весь мой код [app/scripts/app.js]

'use strict';

/**
 * @ngdoc overview
 * @name radio2App
 * @description
 * # radio2App
 *
 * Main module of the application.
 */
angular
  .module('radio2App', [
    'ngAnimate',
    'ngCookies',
    'ngRoute',
    'ui.bootstrap'
  ])
  .config(function ($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl'
      })
      .when('/about', {
        templateUrl: 'views/about.html',
        controller: 'AboutCtrl'
      })
      .otherwise({
        redirectTo: '/'
      });
  });

[приложение/скрипты/main.js]

'use strict';

/**
 * @ngdoc function
 * @name radio2App.controller:MainCtrl
 * @description
 * # MainCtrl
 * Controller of the radio2App
 */
angular.module('radio2App')
  .controller('MainCtrl', function ($scope) {
    $scope.awesomeThings = [
      'HTML5 Boilerplate',
      'AngularJS',
      'Karma'
    ];
  });

[bower.json]

{
  "name": "radio2",
  "version": "0.0.0",
  "dependencies": {
    "angular": "^1.3.0",
    "json3": "^3.3.0",
    "es5-shim": "^4.0.0",
    "angular-animate": "^1.3.0",
    "angular-cookies": "^1.3.0",
    "angular-route": "^1.3.0",
    "angular-bootstrap": "~0.12.0"
  },
  "devDependencies": {
    "angular-mocks": "~1.3.0",
    "angular-scenario": "~1.3.0"
  },
  "appPath": "app"
}

[приложение/index.html]

.....
    <!-- build:js(.) scripts/vendor.js -->
    <!-- bower:js -->
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-animate/angular-animate.js"></script>
    <script src="bower_components/angular-cookies/angular-cookies.js"></script>
    <script src="bower_components/angular-route/angular-route.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
    <!-- endbower -->
    <!-- endbuild -->
.....

большинство кодов создаются с помощью инструмента для создания лесов. Я добавил всего несколько строк, как уже упоминал.


person DK2    schedule 11.01.2015    source источник
comment
добавьте сюда app.js..   -  person Amir Popovich    schedule 11.01.2015
comment
Пожалуйста, поместите весь код здесь. Кажется, ошибка ngAnimate или ошибка $ q. но не уверен. Вставьте ui.bootstrap в качестве зависимости в строку angular.module, как указано ниже, иначе придумайте исходный код.   -  person micronyks    schedule 11.01.2015


Ответы (1)


angular.module('myModule', ['ui.bootstrap']);

вы должны включить зависимость BootStrap в конфигурацию вашего модуля, как показано выше, это необходимо добавить, когда вы используете BootStrap

person karthik pamidimarri    schedule 11.01.2015
comment
Я уже включил «загрузочную зависимость» в app.js и дважды проверил, НО все еще та же ошибка. - person DK2; 12.01.2015
comment
Bower удалить angular-boostrap, удалить все об этом из 'scripts/*.js', 'app.js' 'bower.json' 'index.html', НО получил ту же ошибку .. почему?? где осталось угловатых вещей?? - person DK2; 12.01.2015
comment
Можете ли вы предоставить пример Plnkr - person karthik pamidimarri; 12.01.2015
comment
наконец-то решено .. это была проблема с установкой angular-boostrap. Bower спросил меня, какую версию и версию я буду использовать .. я выбрал правильный вариант, тогда все работает оооочень хорошо !! :D - person DK2; 12.01.2015