AngularJS脚本的引导程序不工作

我正在使用angularFire和ui引导。我所有的样式都很好，但是javascript细节都不起作用。我正在使用一个非常厚的模板（大量插件和文件），所以我尝试在index.html中对脚本标记的位置进行排序，但没有任何效果。例如：日期选择器、范围、模式都不工作，但我在控制台中没有收到任何错误。这快把我逼疯了！这里有一些代码。。。希望能有帮助

Index.html bower脚本在结束body标记之前调用：

<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 -->

代码不工作的示例：

<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>

弹出窗口


格式：

“确保项目中只包含一个文件。”

发件人：

这可能是你的问题吗？ 尝试删除“ui bootstrap.min.js”

更多关于*tpls.min.js和*min.js之间的区别，请参见：

---

不工作到底意味着什么？你看到未编译的角度表达式了吗？只是没有下载数据？这是非常模糊的，因为到底是什么事情没有按预期发生。可能的原因有无限多，因此如果没有这些原因，在这里很难提供帮助。

<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>