All Questions
125
questions
1
vote
1
answer
22
views
Component init inside ng bootstrap accordion even if closed
I'm facing an issue using ng bootstrap's accordion with components inside them.
I have an *ngFor and for each index array there is an accordion that contains a component.
The problem is, even ...
0
votes
2
answers
97
views
NgFor Issue in expanding data in Accordion
I have been trying to display an array of posts using tailwind's Accordion. When I console log the posts, the array of posts is there but there seems to be an issue of expanding the accordion. This ...
0
votes
0
answers
40
views
angular 17 error working with accordion primeng [duplicate]
i have this error in my console :
ERROR Error: NG05100: Providers from the BrowserModule have already been loaded. If you need access to common directives such as NgIf and NgFor, import the ...
0
votes
2
answers
516
views
I have tried to use accordion of bootsrap 5 in angular 17 with ngFor and I have a problem
<div class="accordion w-50 mx-auto" id="accordionExample">
<div *ngFor="let note of notes; index as i;">
<div class="accordion-item">
&...
0
votes
0
answers
109
views
Swap Mat Accordion to Mat Tree from Angular Materials
I want to swap Swap Mat Accordion to Mat Tree from Angular Materials.
This is how it looks like:
Current code:
typescript:
export class TablesListComponent implements OnInit, OnDestroy {
private ...
0
votes
0
answers
24
views
Ngb-accordion last element doesn't render quickly
The code seems fine but the animation of the accordion opening works fine until the last element of the opened accordion renders. The accordions have nested accordions within them. The last accordion ...
0
votes
0
answers
81
views
Is there a way to keep the key navigation of mat-expansion panels inside mat-accordion when the expansion panels are in child components?
I want to have a few expansion panels inside a mat accordion, so only one at a time can be opened and you can navigate between them using the arrow keys. This all works well if the accordion and ...
0
votes
1
answer
568
views
Accordion body dynamic content not working properly - Angular + ngbAccordion
I have an accordion that loops through a array and based on a condition the content inside the accordion body should load dynamically.
items = [
{
data: 'test1',
item: []
},{
data: 'test2',
item: []
},...
1
vote
1
answer
657
views
Why is my Bootstrap accordion not expanding/collapsing in my Angular app?
I created an Accordion Angular component using Bootstrap. However, the collapsing and expanding is not working. I just copied the bootstrap code into my
accordion.component.html
<div class="...
-1
votes
1
answer
69
views
I need to to auto calculate an input field on keyup function on other 2 input field which are created using Accordian
Example: calculate area on keyup of length and breadth. All 3 are defined inside accordion loop.
I can create n no. to fetch polygon details (which we are doing using accordion because we need ...
0
votes
1
answer
673
views
PrimeNG: how to call accordion header name & collapse it from angular component.ts
I want to call accordion tab header's name in component.ts to collapse it by some condition. i want to add that function ngOnInit.
I've tried call some method from API documentation from PrimeNG but ...
1
vote
1
answer
2k
views
How to move icon in primeng accordion from left to right?
I want to use an accordion from PrimeNg and I want collapse icon to be on the right side, not left. I tried to manipulate the iconPos attribute, but I cannot make it working for me. Can someone advise ...
0
votes
1
answer
543
views
Some Bootstrap elements not working in Angular project
I'm working on a project with Bootstrap and Angular and it is not working fine. Some elements like dropdowns, accordions, etc doesn't work fine.
It is a little wierd because in a separated HTML file ...
0
votes
0
answers
148
views
Ng Bootstrap accordion move to SharedModule - Angular
I have decided to move ng bootstrap components to the shared module to avoid the update in the feature.
My core component looks like below
<lib-sb-accordion>
<lib-sb-accordion-panel>
...
1
vote
1
answer
2k
views
Add primeng icon with color in header of an accordion
I wanted to add a circle ngprime icon which will have some color after my accordion header text.
[![<p-accordion class="p-2 d-flex row border m-4">
<p-accordionTab header=&...