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

Question

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

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

    ]) 

Затем в мой контроллер, когда я включил $ uibmodal, объем .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' 
}); 
}; 
}]) 

ГЗС ошибка у меня есть angular.js: 13550 ошибка: [$ инжектор: unpr] Неизвестный поставщик: $ uibmodalProvider < - $ uibmodal < - HomeCtrl

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

Answer 1

Вы пробовали $ uibModal с капиталом M?

angular.module('ui.bootstrap.demo', ['ui.bootstrap']) 
 
    .factory('modalFactory', function($uibModal) { 
 
     //Stuff 
 
    }