UIブートストラップを挿入できません

Question

私はシェルフアプリフレームワークを持っています。 Index.htmlが含まれ、この

<!-- jQuery and Bootstrap --> 
<script src="js/jquery/jquery-2.1.1.min.js"></script> 
<script src="js/plugins/jquery-ui/jquery-ui.js"></script> 
<script src="js/bootstrap/bootstrap.min.js"></script> 

<!-- MetsiMenu --> 
<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> 

<!-- SlimScroll --> 
<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script> 

<!-- Peace JS --> 
<script src="js/plugins/pace/pace.min.js"></script> 

<!-- Custom and plugin javascript --> 
<script src="js/inspinia.js"></script> 

<!-- Main Angular scripts--> 
<script src="js/angular/angular.min.js"></script> 
<script src="js/plugins/oclazyload/dist/ocLazyLoad.min.js"></script> 
<script src="js/ui-router/angular-ui-router.min.js"></script> 
<script src="js/bootstrap/ui-bootstrap-tpls-0.12.0.min.js"></script> 

<!-- Our application's scripts --> 
<script src="js/controllers.js"></script> 

とjs/controllers.jsに、私は

angular 
    .module('inspinia') 
    .controller('MainCtrl', MainCtrl) 

を持っていると私は

.module('inspinia', ['ui.bootstrap']) 

にそれをchaningことにより、UIのブートストラップを注入しようとすると、私のコントローラは

function MainCtrl($scope, $http, $interval, $state, $location) 

です

は、私はそれが非常に単純なものであることを確信しているが、私は何を見ることができない

"Error: [$injector:unpr] http://errors.angularjs.org/1.3.7/ $injector/unpr?p0=%24stateProvider%20%3C-%20%24state%20%3C-%20MainCtrl

を取得します。

Answer 1

コントローラ内に$state APIサービスを使用しているようですので、ui.routerも含めてください。 $state依存性を求めながら

だから、インジェクタはMainCtrl

angular 
    .module('inspinia', ['ui.bootstrap', 'ui.router'])