Use this tag when asking questions about modals dialogs generated with the ngx-bootstrap library.
Questions tagged [ngx-bootstrap-modal]
84 questions
0
votes
1 answer
Modal Form Init / Re Render
I'm trying to implement modal forms in my project.
In the link, If I click first button (Hello2), type something in input and then close modal. When I click first button again everything stays as is in the first time (because modal page not…

Enes Köroğlu
- 184
- 5
- 15
0
votes
0 answers
ngModel in ng-template dialog
In my Angular 5 controller HTML I've got a simple ng-template that has a form in it, and the input elements have an ngModel binding. The modal form for that template is just displayed via a button event like so:
openModal(template:…

Gargoyle
- 9,590
- 16
- 80
- 145
0
votes
3 answers
How to trigger modals using show
I'm using this.myModal1.show() & this.myModal2.show() to open the modals. But It is always triggering myModal1
My component.ts
@ViewChild(ModalDirective) myModal1: ModalDirective;
@ViewChild(ModalDirective) myModal2: ModalDirective;
My…

Bhavani Prasad
- 1,079
- 1
- 9
- 26
0
votes
0 answers
ngx-bootstrap modal takes a long time (over 1 minute) to open in internet explorer 11
Angular: 5.0.2
Bootstrap: 4.0.0
ngx-bootstrap: 2.0.2
Modal works fine in Chrome but hangs in internet explorer 11.
This is the call to modalService from component.ts:
this.modalRef = this.modalService.show(
template,
Object.assign({}, { backdrop:…

fortesl
- 673
- 5
- 17
0
votes
3 answers
ngx bootstrap modal not injecting properly
I'm trying to use this 'BsModalService' to open a modal, but I'm getting the following error.
compiler.js:485 Uncaught Error: Can't resolve all parameters for AppComponent: (?, [object Object], [object Object]).
Here is My component.
import {…

Juliano Grams
- 525
- 1
- 5
- 17
0
votes
1 answer
ngx-bootstrap-modal modal doesn't parse html element
I am using ngx-bootstrap-modal in angular 5.
I am using below code to open the modal:-
this.dialogService.addDialog(PopUpComponent, {
title: 'Custom locale',
message: "Hello ? "
}).subscribe((isConfirmed) => {
if…

Dinesh Rawat
- 970
- 10
- 32
0
votes
1 answer
How to disable ngx-bootstrap modal animation?
Is there a way to disable animation for ngx-bootstrap modal ?
I've tried to add this config but it's not working:
config = {
animated: false,
backdrop:…

HDJEMAI
- 9,436
- 46
- 67
- 93
0
votes
1 answer
ModalDirective causing error in Angular Universal
I have a ModalDirective from ngx-bootstrap version 1.9.3 and am using Angular 4. When a call is made to show() when code is executing on the server side (I am using Angular Universal), I am getting the following exception:
Cannot read property…

Matt
- 1,446
- 19
- 17
-1
votes
1 answer
Load self in modal - Angular component
I need to load component in a modal when you access it via it's URL. Need help figuring how that setup should be,
I have ngxbootstrap on an angular component and can popup modals in response to e.g.a button click. Can't find anything that shows how…

Jimmy Fencer
- 188
- 1
- 1
- 10