Javascript angularjs шаблон не работает с внешними файлами через ngroute

Question

У меня есть форма, которую я хочу, чтобы угловой шаблон создавал через ngroute, эта форма использует некоторые javascript и css для правильного ее отображения.Когда я помещаю следующее в html-файл

<div class="row clearfix">
    <div class="col-sm-6">
        <select class="show-tick" name="phone_name"  required  id="phone_id" >
            <option value="">Select Phone</option>
            <option value="samsung">Samsung</option>
        </select>
    </div>
</div>
<div class="row clearfix">
    <div class="col-sm-6">
        <input type="text" name="purchase_date" class="datepicker form-control"  id="purchase_date" placeholder="Purchase Date on reciept">
    </div>
</div>

Когда он обрабатывается в dom, получается следующее:

<div class="row clearfix">
    <div class="col-sm-6">
        <div class="btn-group bootstrap-select show-tick">
            <button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" data-id="phone_id" title="Select Phone">
                <span class="filter-option pull-left">Select Phone</span>
                <span class="bs-caret"><span class="caret"></span></span>
            </button>
            <div class="dropdown-menu open">
                <ul class="dropdown-menu inner" role="menu">
                    <li data-original-index="0" class="selected">
                        <a tabindex="0" class="" style="" data-tokens="null">
                            <span class="text">Select Phone</span>
                            <span class="glyphicon glyphicon-ok check-mark"></span>
                        </a>
                    </li>
                    <li data-original-index="1">
                        <a tabindex="0" class="" style="" data-tokens="null">
                            <span class="text">Samsung</span>
                            <span class="glyphicon glyphicon-ok check-mark"></span>
                        </a>
                    </li>
                </ul>
            </div>
            <select class="bootstrap-select" name="phone_name" required="" id="phone_id" tabindex="-98">
                <option value="">Select Phone</option>
                <option value="samsung">Samsung</option>
            </select>
        </div>
    </div>
</div>
<div class="row clearfix">
    <div class="col-sm-6">
        <input type="text" name="purchase_date" class="datepicker form-control" id="purchase_date" placeholder="Purchase Date on reciept" data-dtp="dtp_tpXy9">
    </div>
</div>

Некоторые из скриптов, необходимых программе:

<script src="plugins/jquery/jquery.min.js"></script><!-- from http://jquery.com/  jQuery v1.12.4 -->
<script src="plugins/node-waves/waves.js"></script><!-- from https://github.com/fians/Waves/ -->
<script src="plugins/bootstrap/js/bootstrap.js"></script><!-- from http://getbootstrap.com (Bootstrap v3.3.6) -->
<script src="plugins/bootstrap-select/js/bootstrap-select.js"></script><!-- from http://silviomoreto.github.io/bootstrap-select (Bootstrap-select v1.10.0) -->

Но когда я помещаю его в угловой шаблон, результат в dom не обрабатывается, а получается в исходном виде.

Это дает мне понять, что форма не обрабатывается css или javascript, который должен был с ней работать, в результате чего элементы, которые должны работать, не работают, например, средство выбора даты, которое должно принестивсплывающее окно даты не работает.

Как заставить angularjs работать с файлами javascript, которые я включил в раздел заголовка html