Hy, я хочу добавить Modal в свой проект. Я использую Angular-cli; моя Угловая версия 2.1.0, Bootstrap: 4Добавить Angular2 Modal в мой проект
Я пытался использовать ng2-bootstrap и ng2-bs3-modal, но я не нашел простой пример, поэтому я запутался.
Может ли кто-нибудь дать мне простой пример углового2 модального с кнопками «ОК» и «ОТМЕНА», имея возможность обрабатывать события на кнопках.
Если вы ориентируетесь Угловые 2 и Bootstrap 4 Я хотел бы предложить, используя нг-самозагрузку проект колдуньи имеет очень гибкую реализацию Modal: https://ng-bootstrap.github.io/#/components/modal
Установка и использование очень просто, и вы могли бы открыть модальные от компонента вызова метода open на NgbModal службы:
@Component({
selector: 'ngbd-modal-basic',
templateUrl: 'src/modal-basic.html'
})
export class NgbdModalBasic {
closeResult: string;
constructor(private modalService: NgbModal) {}
open(content) {
this.modalService.open(content).result.then((result) => {
this.closeResult = `Closed with: ${result}`;
}, (reason) => {
this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
});
}
private getDismissReason(reason: any): string {
if (reason === ModalDismissReasons.ESC) {
return 'by pressing ESC';
} else if (reason === ModalDismissReasons.BACKDROP_CLICK) {
return 'by clicking on a backdrop';
} else {
return `with: ${reason}`;
}
}
}
Как уже упоминалось в вашем вопросе комментарии есть несколько примеров, и вы можете даже вилкой plunkers с автономным кодом, напр .: http://plnkr.co/edit/lM0GzDAqv0EYQ4qWit05?p=preview
все нормально работает. thank u (но есть некоторые проблемы в событиях, когда мы добавляем настроенные модальности) –
попробуйте использовать ng-window, это позволяет разработчику открывать и полностью управлять несколькими окнами в одностраничных приложениях простым способом, без Jquery, No Bootstrap.
https://github.com/BahgatMashaly/ng-window 
Configration
строения
https://ng-bootstrap.github.io/#/components/modal имеет несколько примеров. Но он использует ng-bootstrap, а не ng2-bootstrap. –
спасибо, он работает :) –