Use this tag when asking questions about modals dialogs generated with the ngx-bootstrap library.
Questions tagged [ngx-bootstrap-modal]
84 questions
1
vote
1 answer
Input in an angular modal will not allow me to type
I am trying to create a search on a table inside of a modal, however when the modal opens I am not able to even click in the search input field.
What I am attempting to do is have a list of hospitals. On that list of hospitals, a user has the…
crypticai
- 19
- 5
1
vote
1 answer
How can I call a method once a specific BsModalRef instance is hidden?
In the past when working with modals, I've come across a pattern that returns a ModalRef object that has a promise on it that is resolved or rejected when the modal is closed or dismissed.
Looking at the documentation for the BsModalRef in…
Keegan Jones
- 11
- 1
- 4
1
vote
1 answer
How to pass component as Modal-body in Ngx-bootstrap modal in Angular 6
I'm using ngx-bootstrap for modal in Angular 6, I have created one shared modal in which i want to add different Html templates in the modal-body section. How to add HTML template or How I can pass the dynamic components to the shared modal.
Shared…
Angular
- 161
- 1
- 4
- 17
1
vote
1 answer
Lazy loading have error using ngxBoostrap modal
I have main AppRoutingModule class where I set my routes and add in my appModule:
const appRoutes: Routes = [
{ path: '', component: HomeComponent },
{ path: 'shopCart', component: ShopCartComponent },
{ path: 'administration', loadChildren:…
Kin Jong
- 65
- 1
- 6
1
vote
0 answers
Angular 6 - http post from bsmodal
I'm working on my first angular app and I'm trying to make a post of a product object to my api.
I have a component that lists all the products on said api
import { Component, OnInit } from '@angular/core';
import { HttpClient } from…
idetodospoca
- 73
- 3
- 12
1
vote
0 answers
common modal service using ngx BsModalService
I'm trying to create a common modal component for the application using BsModalService.
This component will have different methods which contains different title and config. and that can be used from any other components.
Modal component ts…
Nitin
- 41
- 1
- 2
- 9
1
vote
2 answers
ngx-bootstrap Modal Component not found even after adding to entry component
Recently I have converted an ASP.NET Core 2.0 Angular app to ASP.NET Core 2.1 (later one uses angular/cli app). In the previous version I had some modal components built with ngx-bootstrap which were working correctly. But after conversion those…
th1rdey3
- 4,176
- 7
- 30
- 66
1
vote
1 answer
ngx-bootstrap model scrolls to top of document
I'm using ngx-bootstrap modals in a project that displays enough on the page the content scrolls vertically. Whenever a modal is opened the document body scrolls to the top instead of leaving the position alone, which is the expected behavior.
I…
Dan
- 13
- 1
- 4
1
vote
1 answer
Angular observable - how to return true or false from subscription to observable
I have a function canDeactivate that should either return true or false. This can be determined by the result of calling an openConfirmDialog() function, which opens an ngx-bootstrap modal 'confirm' dialog and waits for the user response (which can…
Chris Halcrow
- 28,994
- 18
- 176
- 206
1
vote
1 answer
Angular 5 : how to show user's details in ngx bootstrap modal?
I'm working with angular 5 as front end, and spring boot as back end, in clients.component.html I get list of clients that exists in my database mysql.
What I want to do is to show only few information and when a user clicks on button called 'user…
dEs12ZER
- 788
- 4
- 24
- 51
1
vote
1 answer
ngx-bootstrap modal remove body scroll
modalRef: BsModalRef;
config = {
animated: true,
class: 'forgot-modal'
};
openModal(template: TemplateRef) {
this.modalRef = this.modalService.show(template, this.config);
}
closeModal() {
this.modalRef.hide();
this.modalRef =…
Krishna
- 1,089
- 5
- 24
- 38
1
vote
1 answer
Issue with ngx-bootstrap modal getting non Singleton service instance
I am new to Angular and seem to have gotten into deep water for something that seems like it should be simple. I am having a problem using a ngx-bootstrap modal dialog. I am using the ModalContentComponent pattern.
export class…
NWKC
- 21
- 3
1
vote
2 answers
Ngx-bootstrap modal opens twice instead of just once
I am trying to display multiple different modals on my dashboard, but I've noticed that most times the modal screen will open twice. (I am not even able to replicate this issue consistently as sometimes it does NOT open two modals after I cancel ng…
Dutchy
- 23
- 1
- 7
1
vote
1 answer
subscribe to changes from modal component in ngx-bootstrap modal
I'm launching a modal using ngx-bootstrap via this.modalService.show(ListModalComponent, ) by passing in the component to the modal (docs link). I need to subscribe to an event emitter in the component to act on change events from inside…
mark
- 1,953
- 1
- 24
- 47
1
vote
0 answers
[LibComponent -> BsModalService]
I run into a simple... but ennoying issue with ModalModule:
I am using:
https://github.com/tinesoft/generator-ngx-library
to share components between projects.
here:
1) yeoman the lib
2) in the lib import ngx-bootstrap
3) write some code on the…
user3178486
- 321
- 6
- 17