Submitted about 2 years ago

Accordion toggle via template statement

angular, typescript, sass/scss

Satria Utama•150

@satutama

A solution to the FAQ accordion challenge

Preview Code

Solution retrospective

For the accordion effect, I am toggling the faq' property value (displayed). I map the FAQs content to have property displayed. I can then toggle the displayed property via the template statement that I bind in the question container. Then I add structural directive (*ngIf) in the icon to decide which Icon should be displayed.

Is there a better way?

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Satria Utama's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord