Пользовательский интерфейс Bootstrap не загружается с Angular

Я пытаюсь использовать средство выбора даты с пользовательским интерфейсом Bootstrap. Я зарегистрировал загрузочный javascript и загрузочный CSS (используя gulp), но получаю следующую ошибку:

Ошибка: [$injector:nomod] Модуль ui-bootstrap недоступен! Вы либо неправильно написали имя модуля, либо забыли его загрузить. При регистрации модуля убедитесь, что вы указали зависимости в качестве второго аргумента.

index.html

    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.js"></script>

 <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.13/angular-ui-router.js"></script>

//Bootstrap JS here
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.1/ui-bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.1/ui-bootstrap-tpls.min.js"></script>

//Other JS here
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-strap/2.2.0/angular-strap.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-strap/2.2.0/angular-strap.tpl.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular-messages.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular-resource.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular-route.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular-cookies.js"></script>

впрыск:

angular.module('formApp', ['ngAnimate', 'ui.router', 'ui-bootstrap'])

// configuring our routes 
// =============================================================================
.config(function($stateProvider, $urlRouterProvider) {

    $stateProvider

        // route to show our basic form (/form)
        .state('form', {
            url: '/',
            templateUrl: 'views/home.html',
            controller: 'formController'
        })
        // nested states 
        // each of these sections will have their own view
        // url will be nested (/form/profile)
       .state('form.profile', {
            url: '/',
            templateUrl: 'views/form-date.html'
        })

        // url will be /form/interests
        .state('form.interests', {
            url: '/',
            templateUrl: 'views/form-interests.html'
        })

        // url will be /form/payment
        .state('form.payment', {
            url: '/',
            templateUrl: 'views/form-payment.html'
        });

    // catch all route
    // send users to the form page 
    $urlRouterProvider.otherwise('/');
})

person Mobaz    schedule 11.03.2015    source источник
comment
Я знаю, что ui-bootstrap не поддерживает angular 1.3.14, только 1.3‹. Мне пришлось понизить версию ui-bootstrap до 0.11.2, возможно ли это? плюс, вам действительно нужны два js bootstrap? Я думаю, что tpls достаточно... и я думаю, что вам не хватает точки с запятой в конце app.js   -  person Jony-Y    schedule 12.03.2015
comment
Вам нужен только один из js. @Джони-Ю   -  person goreorto    schedule 12.03.2015
comment
это то, о чем я думал :)   -  person Jony-Y    schedule 12.03.2015


Ответы (1)


Вам нужна только версия tmpl, так как она содержит полный js, но ваша проблема в том, что вам нужно

'ui.bootstrap' not 'ui-bootstrap'
person Dylan    schedule 11.03.2015