580 questions
1
vote
1
answer
147
views
How to make the bottom of a NgbModal to be transparent so that content beneath is visible through it
I have a very basic modal using NgbModal: https://stackblitz.com/edit/angular-ngbmodal-be7ia5uq?file=app%2Fmodal-component.ts
It is opened like this
But what I want is to make the bottom gradually ...
- 107
1
vote
1
answer
5k
views
TypeError: Cannot read properties of undefined (reading 'ɵcmp') in Angular 18
I'm trying to make the sorting of table work for /users that is defined in UserListComponent. The sorting functionality was broken by introducing NavbarComponent.
I tired to switch to standalone ...
- 14k
5
votes
2
answers
432
views
Why is this *ngFor loop rendering the data twice?
I have an NG Bootstrap Accordion element that, when open, displays a list of contact cards. For some reason the list of contacts output by the ngFor is duplicated and renders twice. The data is not ...
- 1,363
1
vote
1
answer
4k
views
Angular 18 component is imported as non standalone component but fails to render
How to wire correctly NavbarComponent into the template of app component?
app.component.html
<app-navbar></app-navbar>
<router-outlet></router-outlet>
main.ts
import {...
- 14k
1
vote
1
answer
4k
views
Bootstrap use in angular17 application
How to add bootstrap in angular-17 application from CLI
I tried installing bootstrap globally using npm install -g bootstrap
and then added required lines in angular.json in style and script.
&...
- 65
0
votes
1
answer
250
views
App Module is loading twice after upgrading to Angular 14
Our AppModule is getting loaded twice when we start our Angular App. This leads to duplicate calling of API's that increases unnecessary load. So need help in understanding what's causing the app ...
- 173
1
vote
1
answer
430
views
How to wrap ngb-carousel?
I have an instance of ngb-carousel which is currently used like this:
<ngb-carousel>
<ng-template ngbSlide>Hello</ng-template>
<ng-template ngbSlide>World</ng-...
- 2,828
6
votes
2
answers
11k
views
class is a standalone component, which can not be used in the `@NgModule.bootstrap` array in Angular
i got this error when i tried adding bootstrap to my angular project :
The MainComponent class is a standalone component, which can not be
used in the @NgModule.bootstrap array. Use the ...
0
votes
0
answers
233
views
Angular Bootstrap Datepicker custom date format dd-MMM-yyyy (e.g., "01-Sep-2023")
I have also use NgbDateParserFormatter but not solve this problem date format - dd-MMM-yyyy (e.g., "01-Sep-2023")
component.html
<div class="input-group">
<...
- 467
0
votes
0
answers
50
views
By using bootstrap modal i'm posting data on that same screen i'm trying to get data for edit with respect to id by using angular and rest API
I'm using Angular v.14 and rest api,i have bootstrap modal in navbar component its trigger button is in navbar and it's rest part is under the navbar and its modal body content is in post-product ...
- 27
0
votes
1
answer
1k
views
Bootstrap 4 compatibly with angular 17
The project I'm working on is currently using angular 15 and we are using bootstrap 4.6.2. We plan on going to angular 17 when it releases. Is angular 17 going to support the version of bootstrap that ...
- 11
0
votes
0
answers
121
views
Combine Two Angular Apps
I'm pretty new to Angular and I did some research about how to combine multiple Angular apps into one app. However most of what I found are about creating multiple projects in one Angular app, which ...
- 56
1
vote
0
answers
170
views
Unable to install bootstrap in Angular project using ng add @ng-bootstrap/ng-bootstrap
I'm having these errors:
Using package manager: npm √ Found compatible package version:
@ng-bootstrap/[email protected]. √ Package information loaded.
The package @ng-bootstrap/[email protected] ...
0
votes
2
answers
2k
views
how to bring maximize and minimize logic to work in angular bootstrap modal popup
i am using Angular Bootstrap Modal Popup, here i want to show Maximize and Minimize options along with close button.
When we click on max, it has to expand full screen, when min is clicked, it has to ...
- 2,547
1
vote
0
answers
41
views
How do I load custom sass within my angular project?
I have an Angular 14 project and I've installed ng-bootstrap. I'm trying to customise some of the bootstrap components. I realise I have to create my custom variables and then import the bootstrap ...
- 2,410