$ modal и ui.bootstrap не работают

0

Я новичок, пытающийся внедрить $ uibmodal, но не только не могу заставить модальный работать, добавляя ui-bootstrap и $ uibmodal останавливает остальную часть кода от работы. Когда я добавил ссылку "ui.bootstrap" ниже, страница не загружается (когда я удаляю ее, страница загружается как обычно)

'angular
  .module('navApp', [
    'ngAnimate',
    'ngCookies',
    'ngResource',
    'ngRoute',
    'ngSanitize',
    'ngTouch',
    'ui.bootstrap'

  ])

Затем в моем контроллере, когда я включил $ uibmodal, scope.title не отображается в моем представлении и т.д.

angular.module('navApp')
// Passing the $modal to controller as dependency
.controller('HomeCtrl', ['$scope', '$uibmodal', function
($scope, $uibmodal) {
$scope.title = "Hello, Angm-Generator!";
$scope.open = function () {
var modalInstance = $uibmodal.open({
templateUrl: 'myModalContent.html',
controller: 'ModalCtrl'
});
};
}])

Ошибка msg я получил angular.js: 13550 Ошибка: [$ инжектор: unpr] Неизвестный поставщик: $ uibmodalProvider <- $ uibmodal <- HomeCtrl

Любая идея, что может быть неправильным?

Теги:
modal-dialog
angular-ui-bootstrap

1 ответ

0

Вы пробовали $ uibModal со столицей M?

angular.module('ui.bootstrap.demo', ['ui.bootstrap'])
  .factory('modalFactory', function($uibModal) {
      //Stuff
    }
  • 0
    Это сработало, большое спасибо! Осталась только проблема в том, что мой модальный код dismiss, похоже, работает (когда я нажимаю кнопку, чтобы закрыть модальный режим, ничего не происходит.) Я создам новую запись для этого ..

Ещё вопросы

Сообщество Overcoder
Наверх
Меню