Свойство windowClass или NgbModalOptions действительно что-то делают? - PullRequest
0 голосов
/ 08 июня 2018

Я открываю NgbModal, передавая TemplateRef для создания тела диалога и передавая пользовательский класс через свойство windowClass объекта NgbModalOptions, который я передаю методу open ().Я определяю класс в styleUrl, на которую ссылаются, в компоненте и обслуживаю модал через инъецируемую службу в компоненте.Модал загружается нормально, и я вижу имя класса, когда проверяю DOM, но класс, похоже, не имеет отношения к модалу.Я хотел бы использовать его для настройки размера модального окна (определено, что css влияет на дочерний элемент div, для которого установлен размер), но я также поиграл со свойствами, которые я вижу на вкладке «Стили» инструментов Chrome dev,но не вижу, как это влияет на что-либо.Когда я проверяю в Firefox dev tools, я могу найти CSS в виде встроенной таблицы стилей, и он имеет ссылку на идентификатор ngContent, назначенный Angular, поэтому я предполагаю, что это не влияет на весь документ или на те части, которые были добавлены ng-Bootstrap, которые составляют модальную обертку.Кто-нибудь смог сделать эту работу успешно?Я в конце своего остроумия.Я даже был бы счастлив, если бы мог получить ElementRef погружения с модальным заголовком, но так как я использую шаблон (который не полностью загружен в DOM во время инициализации), я не смог.Одно из моих требований заключается в том, что мы выполняем все манипуляции с DOM через Angular, чтобы поддерживать независимость от платформы в проекте ... поэтому нет jQuery.Какие-нибудь мысли?И заранее спасибо !!

1 Ответ

0 голосов
/ 13 июля 2018

Я использую атрибуты windowClass и size для NgbModalOptions, чтобы настроить модал.Пример кода следующий:

this.modalService.open(<your_template_ref_var>, {size: 'lg', windowClass: 'modal-adaptive-s1'});

Принимая во внимание

.modal-adaptive-s1 .modal-lg {width: 400px !important;  max-width: 400px;}
...