Stack Overflow
Stack Overflow

Questions tagged [ngx-bootstrap-modal]

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

84 questions
1
vote
1 answer

Modal memory leak as more modals added

I am developing an Angular 4 application using ngx-bootstrap modals heavily. I am currently using the template + modalService way of opening up modals. During a click event, this line of code is called: @ViewChild() worklistTemplate; //…
Ben Atlas
  • 117
  • 2
  • 11
1
vote
0 answers

opening modal by passing Component of lazyLoaded module as template

Problem i am using ngx-Bootstrap from valor-software I want to open a modal by clicking a button in header component and pass NewEmailComponent that is located inside Email Module(LazyLoaded ) to its parameter as template Template
Arash
  • 3,458
  • 7
  • 32
  • 50
1
vote
0 answers

Inserting a form into a modal with ngx-bootstrap

I'm currently doing some frontend work in an application that is using angular-cli which I'm not all that used to. I've finished up most of the work but I'm trying to get a forum that currently loads above a table into a modal. Currently, it comes…
Mathematical
  • 49
  • 5
0
votes
0 answers

Error: NG0301: Export of name 'bs-dropdown' not found! error properties: Object({ code: -301 })

I have upgraded my project from angular 12 to angular 13 and I am using ngx-bootstrap for dropdown and popover but when I ran my unittest I am getting this error. this is my nix-bootstrap version "ngx-bootstrap": "^6.2.0", this is my module…
abuzar rizvi
  • 11
  • 1
0
votes
1 answer

Unable to show backdrop in modal angular

I'm using this modal .ts import { ModalDirective } from 'ngx-bootstrap/modal'; @ViewChild('create', { static: false }) modalCreate: ModalDirective; openCreate() { this.modalCreate.show(); } html
user3653474
  • 3,393
  • 6
  • 49
  • 135
0
votes
1 answer

Ngx-boostrap modal send deleted entity id to another component

I have a list of posts and if I click on a post, an ngx-bootstrap modal opens, showing details of the post. Now I how 2 options. Either close the modal after reading the information or pressing a delete button to delete the post. The delete works…
Alessia
  • 35
  • 1
  • 8
0
votes
1 answer

content is undefined after upgrading to ngx-bootstrap 10

I show quite a few modals in my application and the way I've decided to do all the somewhat generic ones is through a modal service in typescript. The modal service takes a component as an argument and then opens the model as usual...after the…
Funn_Bobby
  • 647
  • 1
  • 20
  • 57
0
votes
0 answers

getting error on bsModel.hide() in ngOnDestroy while removing unsafe-eval from meta tag

I am using Angular 10 application . Due to the CSP issue, I need to remove unsafe-eval from script-src, now the issue appearing all the ngOnDestroy() having ngx bootstrap modal hide() and I am having issue on following code: ngOnDestroy(): void { …
Himanshu Rastogi
  • 49
  • 9
0
votes
0 answers

How to render a bootstrap modal in a container different than body

is it possible to specify a container for a modal dialog different than body, so the component and the backdrop gets rendered inside this new container. I have not found something like this in the documentation.
Lazaro Garcia
  • 1
  • 1
0
votes
0 answers

How to perform multiple file upload in Angular

In Angular 14 project, I have this code that performs single file upload. And it's working fine. component.ts: files?: any; data1: any; mandate!: any; url = ''; constructor( private fb: FormBuilder, private mandateService:…
Ayobamilaye
  • 1,099
  • 1
  • 17
  • 46
0
votes
1 answer

File failed to upload from Angular to ASP.NET Core Web API

I am uploading PDF file from Angular-14 frontend to ASP.NET Core-6 Web API backend. In the ASP.NET Core Web API, I have this code: Web API: public class AdminFileModel { public IFormFile MyFile { get; set; } } public async…
Ayobamilaye
  • 1,099
  • 1
  • 17
  • 46
0
votes
1 answer

How to get reference of a ngx-bootstrap modal in angular

I want to get the same reference of BsModalRef inside a service. Is it possible ? openModal() { this.bsModalRef = this.modalService.show(SomeComponent, { initialState: { title: 'Modal title', data: {}, }, }); …
Sparrow
  • 11
  • 1
  • 6
0
votes
2 answers

How do I create different modals for different users in Angular?

I am trying to create an application in which I have multiple user's data. I have to create 6 modals for each user from where they can access their data. Suppose User 1 has 6 modals named - A B C D E F , then on click of A, login modal should…
user11319956
0
votes
0 answers

How to bind the enter key in an ngx-bootstrap modal?

I'd like to use the ngx-bootstrap modal to build a simple confirmation modal. The modal asks the user something like "Are you sure?" with "Yes" and "No" as options. It works very well so far. This is my…
Francesco Borzi
  • 56,083
  • 47
  • 179
  • 252
0
votes
2 answers

Ngx-bootstrap: Modal inside Modal container position is not working for datepicker

Datepicker container opening in random place when we place the Ngx-Bootstrap modal inside another modal. Note: Inner dailog has datepicker element. For reference please check this demo Update: Closing the previous modal will solve the issue but we…
kernal_lora
  • 1,115
  • 3
  • 12
  • 25
1 2 3
4
5 6