AngularJS腳本不能正常工作的引導

Question

我正在使用angularFire和ui bootstrap。我的所有樣式都很好，但沒有一個JavaScript細節正在工作。我正在使用一個非常厚的模板（大量的插件和文件），所以我試圖在index.html中排序腳本標籤的位置，但是無濟於事。例如：datepicker，範圍，模式都不工作，但我沒有在控制檯中得到任何錯誤。這真讓我抓狂！這裏有一些代碼...希望它有幫助。

的Index.html涼亭腳本調用剛剛結束標記之前：

<script src="bower_components/jquery/dist/jquery.js"></script> 
<script src="bower_components/angular/angular.js"></script> 
<script src="bower_components/json3/lib/json3.js"></script> 
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script> 
<script src="bower_components/angular-bootstrap/ui-bootstrap.min.js"></script> 
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script> 
<script src="bower_components/angular-resource/angular-resource.js"></script> 
<script src="bower_components/angular-cookies/angular-cookies.js"></script> 
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script> 
<script src="bower_components/angular-animate/angular-animate.js"></script> 
<script src="bower_components/angular-touch/angular-touch.js"></script> 
<script src="bower_components/angular-route/angular-route.js"></script> 
<script src="bower_components/firebase/firebase.js"></script> 
<script src="bower_components/firebase-simple-login/firebase-simple-login.js"></script> 
<script src="bower_components/mockfirebase/dist/mockfirebase.js"></script> 
<script src="bower_components/angularfire/dist/angularfire.min.js"></script> 
<script src="bower_components/angular-payments/lib/angular-payments.js"></script> 
<!-- endbower --> 

angular.module電話：代碼

angular.module('vagaApp', [ 
'ngAnimate', 
'ui.bootstrap', 
'angularPayments', 
'ngCookies', 
'ngResource', 
'ngRoute', 
'ngSanitize', 
'ngTouch', 
'firebase', 
'firebase.utils', 
'simpleLogin', 
'mm.foundation', 
'angularSpinner' 
]); 

例如不工作：

<h4>Popup</h4> 
<div class="row"> 
    <div class="col-md-6"> 
     <p class="input-group"> 
      <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dt" is-open="opened" min-date="minDate" max-date="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" /> 
      <span class="input-group-btn"> 
      <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button> 
      </span> 
     </p> 
    </div> 
</div> 
<div class="row"> 
    <div class="col-md-6"> 
     <label>Format:</label> <select class="form-control" ng-model="format" ng-options="f for f in formats"><option></option></select> 
    </div> 
</div> 

Answer 1

「一定要在你的項目中只包含一個文件。「

來自：https://github.com/angular-ui/bootstrap/wiki/FAQ

難道這是你的問題？ 嘗試刪除 'UI-bootstrap.min.js'

更多關於* tpls.min.js之間的差異*這裏min.js：

What is the difference between ui-bootstrap-tpls.min.js and ui-bootstrap.min.js?