Angular $ uibModal, вызывающий ошибку: [$ injector: unpr]

Question

Angular $ uibModal, вызывающий ошибку: [$ injector: unpr]

0

Я пытаюсь реализовать $ uibModal с этого сайта

но как только я добавляю $ uibModal-сервис моему контроллеру, я получаю Error: [$ injector: unpr] http://errors.angularjs.org/1.4.8/ $ инжектор /unpr? p0 =% 24uibModalProvider %20% [CN10 ] %20% 24uibModal %20% 3C- %20dailymenuController Мой угловой код ниже:

var app = angular.module('App', ['djangular-confirm','djangular-alert','ui.bootstrap']).config(function($httpProvider,$interpolateProvider) {

                $httpProvider.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
                $httpProvider.defaults.headers.common['X-CSRFToken'] = '{$ csrf_value $}';
                $interpolateProvider.startSymbol('{$');
                $interpolateProvider.endSymbol('$}');
            });

            app.controller('dailymenuController', function($scope, $http, $location, $djconfirm, $djalert, $uibModal ) {

                var modalInstance = $uibModal.open({

                });
});

Я добавил эти два файла: 'ui-bootstrap-custom-1.3.3.js' 'bootstrap-custom-tpls-1.3.3.js'

Я новичок в угловой и мало развился с использованием углового до сих пор. Я искал в google и SO и узнал, что "ui.bootstrap" при создании модуля. Но даже это не решило проблему. Любая помощь будет большой.

Simer 25 май 2016, в 11:05

Источник

0

Вы правильно вводите ui.bootstrap и $ uibModel, возможно, проблема заключается в импорте. Можете ли вы предоставить код, куда вы импортируете зависимости?
Rambler 25 май 2016, в 09:17
0

Какова связь между dailymenuController и модулями App ?
dfsq 25 май 2016, в 09:19
0

Можете ли вы также представить HTML?
shershen 25 май 2016, в 09:32

Показать ещё 1 комментарий

Теги:

javascript

angularjs

bootstrap-modal

angular-ui-bootstrap

2 ответа

Ещё вопросы

Вы правильно вводите ui.bootstrap и $ uibModel, возможно, проблема заключается в импорте. Можете ли вы предоставить код, куда вы импортируете зависимости?
Какова связь между dailymenuController и модулями App ?
Можете ли вы также представить HTML?

shershen · Answer 1 · 2016-05-25T07-01-00.000Z

Такая ошибка [$injector:unpr] указывает, что Angular не может разрешить провайдеру для используемого вами элемента - в вашем случае вам нужно ввести $uibModal в ваш контроллер

app.controller('dailymenuController', ['$scope', '$uibModal', function($scope, $uibModal ) {
  var modalInstance = $uibModal.open({
     //...
  });
}]);

Я уже добавил это к своему контроллеру -> app.controller («dailymenuController», функция ($ scope, $ http, $ location, $ djconfirm, $ djalert, $ uibModal)
это зависит от сборки / структуры вашего проекта, но в этом случае вам может потребоваться указать элементы DI в дополнительном массиве, как я предложил: app.controller(NAME, [ ARRAY_IN_QUOTES, function(ARRAY){ //code }])

Raz · Answer 2 · 2017-11-23T08-15-00.000Z

Вы должны включить оба:

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

После включения Угловая.