$ uibModal не открывается, выдает ошибки

Question

$ uibModal не открывается, выдает ошибки

0

Поэтому я пробовал все, каждый пример, я совершенно не знаю, что случилось. Всякий раз, когда я пытаюсь загрузить в '$ uibModal', я получаю ошибки и все мои угловые кодовые разрывы. Если я не загружаю его правильно, я получаю ошибки $ uibModal.open. Вот мой код. Я в текущей версии 0.14.3, я только что загрузил файл сегодня. Если это имеет значение, мое угловое приложение находится в рельсах и им, используя беседку, чтобы импортировать все.

Файл app.js, в который я загружался в js.

var app = angular.module('planoxApp',
['ui.router', 
'nya.bootstrap.select',  // bootstrap select
'ngAnimate',
'ui.bootstrap', 
'main-directives',    
'templates',  
'color.picker', 
'xeditable',   
'restangular',   
'ngDragDrop', 
'angularFileUpload',
'ngStorage'  

// 'mgcrea.ngStrap',
// 'mgcrea.ngStrap.typeahead',
// 'mgcrea.ngStrap.tooltip',
// 'mgcrea.ngStrap.helpers.parseOptions',

])

Область загрузки ctrl вызывает ошибку

[$ injector: unpr] Неизвестный поставщик: $ uibModalProvider <- $ uibModal <- PhotoplanCtrl

app.controller('PhotoplanCtrl',['$http','$scope','$stateParams','$filter','$uibModal','$log',
function($http,$scope, $stateParams,$filter,$uibModal,$log){

Но если я тоже его изменю

 app.controller('PhotoplanCtrl',['$http','$scope','$stateParams','$filter','$log',
function($http,$scope, $stateParams,$filter,$uibModal,$log){

Ошибка уходит, а вместо этого мы получаем Error: $ uibModal.open не является функцией. (В '$ uibModal.open', '$ uibModal.open' не определено)

Вот модальный код

 var modalInstance = $uibModal.open({
    animation: $scope.animationsEnabled,
    templateUrl: 'templates/photoplan/ModalPublish.html',
    controller: 'ModalPublishCtrl'
});

Если кто-то знает, что не так, любая помощь действительно ценится.

Zoe Steinkamp 01 дек. 2015, в 00:15

Источник

0

Это похоже на работу: plnkr.co/edit/MdQirCdgrkrUYjybtjRo?p=preview
Andy W 30 нояб. 2015, в 23:09
1

Вы убедились, что ui.bootstrap загружен в ваш index.html? Вторая ошибка - красная сельдь. Поскольку вы удалили $ uibModal из массива зависимостей, Angular фактически вводит $ log, где ваш код ожидает $ uibModal.
JC Ford 30 нояб. 2015, в 23:09
0

Поэтому я собираюсь сделать более подробный комментарий внизу. Но JC на правильном пути. Я использовал ссылки в Andy W plunker и вставил их в файл application.html.erb, в основном это index.html, и теперь он работает. Очевидно, что он не загружается должным образом в файл index.html. Я думаю, что это может быть загружено до начальной загрузки. Так что я собираюсь пересмотреть, а затем опубликовать последующий комментарий / ответ
Zoe Steinkamp 01 дек. 2015, в 00:56
0

Вы также можете проверить, ссылается ли ваш исходный вид (html) на ваш второй контроллер (ModalPublishCtrl). В этом не должно быть необходимости, поскольку на него ссылаются в функции $ uibModal.open. Смотрите аналогичные проблемы и решения здесь: stackoverflow.com/a/33980575/1303740
Andy W 01 дек. 2015, в 15:17

Показать ещё 2 комментария

Теги:

javascript

angularjs

angular-ui-bootstrap

1 ответ

Ещё вопросы

Это похоже на работу: plnkr.co/edit/MdQirCdgrkrUYjybtjRo?p=preview
Вы убедились, что ui.bootstrap загружен в ваш index.html? Вторая ошибка - красная сельдь. Поскольку вы удалили $ uibModal из массива зависимостей, Angular фактически вводит $ log, где ваш код ожидает $ uibModal.
Поэтому я собираюсь сделать более подробный комментарий внизу. Но JC на правильном пути. Я использовал ссылки в Andy W plunker и вставил их в файл application.html.erb, в основном это index.html, и теперь он работает. Очевидно, что он не загружается должным образом в файл index.html. Я думаю, что это может быть загружено до начальной загрузки. Так что я собираюсь пересмотреть, а затем опубликовать последующий комментарий / ответ
Вы также можете проверить, ссылается ли ваш исходный вид (html) на ваш второй контроллер (ModalPublishCtrl). В этом не должно быть необходимости, поскольку на него ссылаются в функции $ uibModal.open. Смотрите аналогичные проблемы и решения здесь: stackoverflow.com/a/33980575/1303740

Zoe Steinkamp · Accepted Answer · 2015-12-01T19-35-00.000Z

Итак, сначала сначала, в моем модальном html, у вас нет ng-контроллера. Очевидно, bootstrap обрабатывает его, поэтому мой новый html выглядит.

<div class="modal-header" >
            <h3 class="modal-title">Account Settings</h3>
        </div>
        <div class="modal-body">
            <ul>
                <li>
                  <p>An option to chage password and account username </p>
                  <p>An option to change time settings </p>
                  <p> </p>
                </li>
            </ul>
        </div>
        <div class="modal-footer">
            <button class="btn btn-warning" type="button" ng-click="cancel()">Close</button>
        </div>

Также по какой-то причине он не загружается должным образом ни в моем рельсовом трубопроводе, ни в угловом, что очень странно. Я могу сообщить о проблеме в github для этого, но в остальном я просто добавил CDN в свой файл index.html, и он начал работать правильно.