All Questions
Tagged with bootstrap-modal angular
440
questions
0
votes
0
answers
32
views
Angular Modal not closing, I can open it but then the screen goes a bit dark and nothing works
I'm using creative tim free angular argon-dashboard template. I'm trying to create a modal, but when I click the button to open the modal, it opens but then the screen gets a dark overlay and the ...
0
votes
0
answers
27
views
Angular Model Components using Bootstrap and popper js
I am trying to Trigger the model to open when clicking on the add tracking button in the tracking modal
<button (click)="toggleForm()" class="btn btn-primary">Add Tracking<...
0
votes
1
answer
39
views
navbar not appear in the result?
I'm learning on angular 15.0.0 and I have faced an issue
the navbar doesn't appear why does nothing appear except the Recipe Book
the code
<nav class = "navbar navbar-default">
<...
0
votes
0
answers
73
views
Opening a Bootstrap Modal will freeze the entire page (angular)
I have a boootstrap card and I want to open a modal when I click on it:
<div class="row">
<div class="col-lg-6" *ngFor="let newsItem of filteredNews">
<div class="box"&...
0
votes
0
answers
7
views
How to close an ngbactive modal programatically without the modal being closed
Table-component.ts
openModal(rowData: any = null) {
const config: Partial<DynamicFormComponent> = {
form: this.form,
data: rowData
};
const options: NgbModalOptions = { size: 'sm', ...
0
votes
1
answer
59
views
I'm encountering an issue in my Angular10 project where a Bootstrap modal does not automatically close after a form submission
The form submission itself is successful, but the modal remains open. Uniquely, my form's submit button is placed outside the tag, and I've tried using @ViewChild to programmatically close the modal, ...
0
votes
0
answers
47
views
Problem with modal events in an Angular component
My problem is this peace of code:
<div class="alert my-5" *ngFor="let alert of alerts; let i = index">
<div class="alert-container" data-bs-toggle=&...
0
votes
2
answers
415
views
Bootstrap modal not working in Angular application
I am trying to use a Bootstrap modal in an Angular application using classes in HTML, but it not working - its not showing as a modal
<div class="modal text-center" *ngIf="showmodal&...
1
vote
1
answer
320
views
Is it possible to display a Bootstrap 5 modal popup in Angular using an ngIf condition?
The challenge here arises from the fact that when using ngIf to conditionally display the modal, the modal element is not present in the DOM initially when the page is loaded because by default it is ...
0
votes
1
answer
36
views
My modal service doesn't open when i declare another service in the constructor
So i got this method for login in angular
email: string = "";
password: string = "";
login() {
const credentials = {
email: this.email,
password: this.password
...
1
vote
1
answer
80
views
Get the specific user data in modal on click from API
I'm only getting the user ID or fName etc, but not getting all the detail at once in the modal ( Pop-up ). I wanted to get only one specific user data in the modal.
HTML code
<table class="...
0
votes
1
answer
27
views
Bootstrap + angular modal edit fields data not visible
I am new to Angular. I am trying to build a simple form in Angular within a Bootstrap modal and perform edit function on the data. When I console.log whether the data is being fetched accordingly , I ...
-1
votes
1
answer
114
views
NgbModal injection return undefined
I'm trying yo use a modal and retrieve data from the modal in my component.
I have the following code:
export class MainComponent {
constructor(private modalService: NgbModal) {}
openModal(...
0
votes
1
answer
57
views
PhaserJS Canvas Override Bootstrap Modal
I have a simple game create with phaserJs with Angular and bootstrap for styling. My problem here is when i show bootstrap modal and click inside modal, it's effect to my phaserJS canvas button.
...
0
votes
0
answers
13
views
Bootstrap Modal is Not opening in Multiple Component
I having an CallToActionComponent which is having BS5 Modal and stored into Call Module.
I want to access that CTA component into Home and Banner Component which is in Home Module.
I have created ...