I have a component with expansion panels, and now, On-clicking of All tab button, in the below body part all the mat-expansion-panel is expanding perfectly, and what i am expecting is: if we click on the B tab it should be active and B alphabet mat-expansion-panel only needs to expand, and on-click of C tab it should be active and c alphabet mat-expansion-panel only needs to expand. Based on the "alphabet and on-click tab" it should expand.
Asked
Active
Viewed 831 times
0
-
Provide your code for a better understanding. – Kirubel Nov 03 '20 at 08:00
-
Hi kirubel please check the stackBlitz for reference. – Maniselvam R Nov 03 '20 at 08:02
-
I have updated your provided sample code in [stackblitz](https://stackblitz.com/edit/angular-fnvhnn-52fro8?file=app/expansion-overview-example.ts). please check this out – Farhat Zaman Nov 03 '20 at 08:42
1 Answers
0
I have modified your code. You can check this mat-expansion example link
Anil Verma
- 36
- 1
- 2
-
Hey @ManiselvamR , I didn't get your point but I have updated my code. Please check if it is fulfilling your requirement or not. https://stackblitz.com/edit/angular-fnvhnn-za1twz?file=app%2Fexpansion-overview-example.ts – Anil Verma Nov 04 '20 at 10:06
-
Hey @ManiselvamR, Again , I have updated the code. Please check this out https://stackblitz.com/edit/angular-fnvhnn-ct2xhq?file=app%2Fexpansion-overview-example.ts – Anil Verma Nov 04 '20 at 17:01
-
Hi anil veram, i have missed to inform one more thing like if we click B tab it gets expand and if we click A tab it's gets expand but B expansion also needs to be open and active it's closed when we click other tab, example if we click A and B the both should open and active.please check and update stack-blitz thanks – Maniselvam R Dec 03 '20 at 10:25