Angular Modal Service неизвестный провайдер

0

Я пытаюсь получить угловую модальную форму, но я всегда получаю неизвестную ошибку поставщика. Думаю, я включил все необходимые файлы?

Вот мой код для вызова сервиса:

      function deleteConfirm() {
        var modalOptions = {
          closeButtonText: 'Cancel',
          actionButtonText: 'Delete Supplier',
          headerText: 'Delete ' + supplierName + '?',
          bodyText: 'Are you sure you want to delete this supplier?'
        };

        modalService.showModal({}, modalOptions).then(function(result) {
          if (result === 'ok') {
            alert("ok");
          }
        }, function(error) {
          alert("Error deleting");
        });
      }

И вот код для сервиса:

(function() {
  'use strict';

  modalService.$inject = '$uibModal';

  angular.module('plunker').factory('modalService', modalService);

  function modalService($uibModal) {

    var injectParams = ['$uibModal'];

    //var modalService = function($uibModal) {

    var modalDefaults = {
      backdrop: true,
      keyboard: true,
      modalFade: true,
      templateUrl: 'modal.html'
    };

    var modalOptions = {
      closeButtonText: 'Close',
      actionButtonText: 'OK',
      headerText: 'Proceed?',
      bodyText: 'Perform this action?'
    };

    this.showModal = function(customModalDefaults, customModalOptions) {
      if (!customModalDefaults) customModalDefaults = {};
      customModalDefaults.backdrop = 'static';
      return this.show(customModalDefaults, customModalOptions);
    };

    this.show = function(customModalDefaults, customModalOptions) {
      //Create temp objects to work with since we're in a singleton service
      var tempModalDefaults = {};
      var tempModalOptions = {};

      //Map angular-ui modal custom defaults to modal defaults defined in this service
      angular.extend(tempModalDefaults, modalDefaults, customModalDefaults);

      //Map modal.html $scope custom properties to defaults defined in this service
      angular.extend(tempModalOptions, modalOptions, customModalOptions);

      if (!tempModalDefaults.controller) {
        tempModalDefaults.controller = function($scope, $uibModalInstance) {
          $scope.modalOptions = tempModalOptions;
          $scope.modalOptions.ok = function(result) {
            $uibModalInstance.close('ok');
          };
          $scope.modalOptions.close = function(result) {
            $uibModalInstance.close('cancel');
          };
        };

        tempModalDefaults.controller.$inject = ['$scope', '$uibModalInstance'];
      }

      return $uibModal.open(tempModalDefaults).result;
    };
  }
}());

http://plnkr.co/edit/xNpbI42UJm8acODSOimR

Спасибо за любую помощь

  • 0
    Замените modalService.$inject = '$uibModal' на modalService.$inject = ['$uibModal']; $ inject должен быть массивом строк.
  • 0
    Привет, я пытался это сделать, но все равно получаю ошибку $ uibModalProvider <- $ uibModal <- modalService
Теги:
bootstrap-modal

2 ответа

0

Вы забыли включить "ui.bootstrap" в свое приложение.

Просто загрузите приложение таким образом, чтобы исправить проблему:

var app = angular.module('plunker', ["ui.bootstrap"]);
  • 0
    Нет, я пробовал это, и это не работает, вот план, где я изменил то, что вы сказали, и я все еще получаю ошибку? plnkr.co/edit/xNpbI42UJm8acODSOimR
  • 0
    Вы получаете другую ошибку, потому что у вас есть другие ошибки, вероятно, потому что вы никогда не открывали Angular docs.
0
angular.module('plunker').factory('modalService', modalService);
modalService.$inject = ['$uibModal'];

Попробуй это!

Добавить в основные зависимости app.js ['ui.bootstrap']

var app = angular.module('plunker', ['ui.bootstrap']);
  • 0
    Привет, нет, все еще получаю ошибку $ uibModalProvider <- $ uibModal <- modalService
  • 0
    Проверьте редактирование моего ответа!
Показать ещё 1 комментарий

Ещё вопросы

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