ui-bootstrap зависимость внутри app.module не работает

Question

Я рассмотрел этот вопрос в stackoverflow и выполнил все ответы, но все же я не могу заставить ui-bootstrap работать. Я загрузил angular-ui через bouwer и включил его в свой index.html, после того, как попытался ввести его в модуль приложения, но затем приложение ломается.

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

и app.js

angular.module("qanda",['ui-bootstrap']) 
    .controller('mainCtrl',['$scope','$http',function($scope,$http){ 
     $scope.testList = []; 

Github: https://github.com/khanharis87/quizz_game

Answer 1

Вы должны использовать угловую версию, которая идет с начальной загрузки одного,

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.10.0/ui-bootstrap-tpls.min.js"></script> 
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.css" rel="stylesheet"> 
<script src="app.js"></script> 

Answer 2

Вы пишете имя модуля неверно. Это должно быть 'ui.bootstrap'. Таким образом, модуль должен быть таким:

angular.module('qanda', ['ui.bootstrap']) 

И убедитесь, что вы включили бутстраповских CSS файлы, но не JS-файлы. Используйте директивы angular-ui.

Answer 3

Только в том случае, когда вы устанавливаете самозагрузки-UI от дачи обязательно используйте --save в основной папке как так

Беседки установки угловой самозагрузки параметра --save

, если вы используете «-save» bower, вам не нужно будет добавлять теги css или script в заголовок или в конец тела самостоятельно. Bower делает это автоматически (и правильно) для вас.