uibModal не отображается на полном экране angularjs html5 - PullRequest
Новая
       11

uibModal не отображается на полном экране angularjs html5

0 голосов
/ 27 июня 2018

Я пытаюсь создать uibModal с angularjs 1.6, но мой модал всегда не отображается в полноэкранном разделе.

В чем может быть проблема? enter image description here

1 Ответ

0 голосов
/ 27 июня 2018

Вот пример реализации uibModal.

Функция контроллера, которая открывает модал с указанным размером. Возможные варианты: «lg», «md», «sm». Посмотрите на свой HTML-шаблон для контейнеров, ограничивающих модальный размер.

https://plnkr.co/edit/IjAdQg9kt8mdMSeDOFsk?p=preview

Контроллер: 

$scope.open = function () {
  $scope.modalInstance = $uibModal.open({
    templateUrl: 'myModalContent.html',
    controller: 'ModalInstanceCtrl',
    size: 'lg'
  });

  $scope.modalInstance.result.then(function (result) {
   console.log(result);
  }, function(err) {console.log(err);});
 };
});

Простой шаблон HTML: 

<script type="text/ng-template" id="myModalContent.html">
 <div class="modal-header">
  <h3 class="modal-title" id="modal-title">I'm a modal!</h3>
  </div>
  <div class="modal-body" id="modal-body">
   <p>body content</p>
  </div>
  <div class="modal-footer">
   <button class="btn btn-primary" type="button" ng-click="ok()">OK</button>
   <button class="btn btn-warning" type="button" ng-click="cancel()">Cancel</button>
  </div>
</script>
...