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

Так что я пробовал все, каждый пример, я абсолютно не знаю, что случилось. Всякий раз, когда я пытаюсь загрузить в '$ 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 область загрузки, это вызовет ошибку

[$ Инжектор: 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){

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

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

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

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

источник

2015-11-30 Zoe Steinkamp

Это похоже на работу: http://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, у вас нет 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, и он начал работать правильно.

источник

2015-12-01 22:17:56

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

ответ

Смежные вопросы