Questions tagged [ngx-bootstrap-modal]

Use this tag when asking questions about modals dialogs generated with the ngx-bootstrap library.

84 questions
2
votes
0 answers

Is there a standard way to get AngularJS to detect the initial values of an UpgradeComponent when it is loaded dynamically?

Background info: There is a fairly common problem that was previously brought up in this github issue about an injector error when using UpgradeComponents inside of dynamically loaded entry components. I feel that I understand this well enough, and…
2
votes
2 answers

Angular Unit Test: Access template variable

I have this code in a component template, which opens a ngx-bootstrap modal:
Pizzicato
  • 1,473
  • 1
  • 16
  • 32
2
votes
2 answers

Close ngx-bootstrap modal after unit tests

Since I've enabled the css style in the unit tests of my Angular app, every time a component which shows a modal from ngx-bootstrap, it remains in the browser even after that specific component's unit tests have finished to run. This makes hard to…
2
votes
3 answers

I am getting error while Running Angular application

I have installed ngx Bootstrap into my Angular Application to use date picker Now I am getting error while running the Angular Application I am putting the details of the error below ERROR in multi…
2
votes
1 answer

ngx bootstrap - Nest a component within a template

We have a standard modal within our application.
2
votes
1 answer

ng build --prod works local but fails on remote server after adding Modal from ngx-bootstrap

Basically the tittle: I run ng build --prod on my machine and it works fine, but when I run it on the server it fails. This started happening after I imported the Modal from ngx-bootstrap. My server is running Debian 9 and my computer is running…
Yuri Waki
  • 663
  • 1
  • 11
  • 25
2
votes
1 answer

How to pass the parameter in BootstrapDialog.show({ }) popup

I'm using BootstrapDialog to show a popup. I want to pass a parameter. I'm using data attribute. My piece of code is: BootstrapDialog.show({ closable: false, title: "This is my popup", message: $('
').load(url), data:…
2
votes
0 answers

ngx-bootstrap multiple draggable modals(not nested) on same page

i am new in ngx-bootstrap.. working with ngx-bootstrap modals.. using child modal component (@ViewChild('childModal') childModal: CommonModalComponent) i am able to create simple modals. the requirement is to show multiple draggable modals at…
2
votes
1 answer

(ngx-bootstrap) Close a modal that has been created with a component programmatically

I have an Angular 5 application using ngx-bootstrap. I create two modals using the Modal Component. I need to close the first modal after some time and then open the second modal. I tried both of these before opening the second modal but... ...when…
Fabian Beyerlein
  • 767
  • 1
  • 10
  • 17
2
votes
1 answer

Angular DataTables.net Custom Buttons

I need to help how to open Modal Windows using DataTables.net Buttons created a button in components file. I have an error: ERROR TypeError: this.openModal is not a function at u.action (czas-pracy.component.ts:64) every time. I've a problem with…
DejwitK
  • 55
  • 9
1
vote
0 answers

initialState does not work anymore after update to ngx-bootrap 6.1.0

We used the initialState from ModalOptions like this: var modalConfig: ModalOptions = { initialState: { companyIdInput: this.companyId } }; this.modalRef = this.modalService.show(AddEditCompanyModalComponent,…
Mike
  • 11
  • 1
1
vote
1 answer

ngx-bootstrap modal doesn't get custom classes

I'm trying to define a new width for a modal created using BsModalService. I can't change it by giving him a custom class. Only by using given classes such as 'modal-xl'. Why? And in which file should I set class style? openModal() { const…
1
vote
0 answers

How to make the ngx-bootstrap modal go full screen

I need to create a sort of overlay to display forms that need more space in the mobile version of my webapp. I'm trying to use ngx-bootstrap modal for that but even after using the means they offer to customize this component, I still cannot get the…
eddy
  • 4,373
  • 16
  • 60
  • 94
1
vote
0 answers

ngx-bootstrap modal custom class doesn't work

I'm using Angular 9 and ngx-bootstrap 5.6.1 in my angular ts file I have a reference to a local css file. in that file I have some css in my .modal-content class that I want to use to override the default modal-content class provided by…
bilpor
  • 3,467
  • 6
  • 32
  • 77
1
vote
0 answers

Can I downgrade, in a lazy loaded module, the ModalService from Valor Software's ngx-bootstrap?

I have a very large hybrid Angular app; the original app is angularjs 1.6.8 while the rest is Angular 7.2.15. We are working to convert the entire app to Angular, but it is slow going. Our app also relies on angular-ui-bootstrap (2.5.0) /…
nephiw
  • 1,964
  • 18
  • 38