2017-01-03 2 views
1

Я использовал один угловой2 ng-bootstrap в нашем коде.остановить закрытие модального, щелкнув фоном или вне модального

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

В угловом я использовал это [keyboard] = "false" [backdrop] = "'static'". Но это время, когда он не работает в угловом2.

Вот мой plunker

Мой Открытый метод заключается в следующем:

open() { 
    const modalRef = this.modalService.open(NgbdModalContent); 
    modalRef.componentInstance.name = 'World'; 
    } 

ответ

7

В соответствии с ответом @ anshuVersatile, я понимаю, что нам нужно использовать некоторые модальные варианты.

Затем я создаю объект NgbModalOptions и передаю его как второй параметр моего открытого метода, и он работает.

код выглядит следующим образом:

let ngbModalOptions: NgbModalOptions = { 
     backdrop : 'static', 
     keyboard : false 
}; 
console.log(ngbModalOptions); 
const modalRef = this.modalService.open(NgbdModalContent, ngbModalOptions); 

Вот обновленный plunker.

3
$modal.open({ 
    // ... other options 
    backdrop : 'static', 
    keyboard : false 
}); 

В то время как вы создании модального вы можете указать его поведение:

+0

Is Angular2 code? Я так не думаю. Я ожидаю код Angular2. –

+0

Да, это _is_ Угловой код (на самом деле это просто JavaScript, поскольку параметры для модального сервиса ng-bootstrap - это просто литерал объекта). Как автор этого компонента я могу также сказать, что он правильный ответ и должен быть принят. Хорошая работа @anshuVersatile –

+0

Я использую TypeScript и Angular2 здесь, а не JavaScript. –

Смежные вопросы