Topic: Flipping cards not working in Angular Pro pro asked 5 years ago

We recently purchased the Pro version of MDB Angular and have been trying to set up rotating cards for our project however, the functionality doesn't seem to work and both the sides of the card are spit out on the page at the same time. Can you please provide a guide/documentation how to best utilize this pro component as we're unable to find any in the public forum.

Arkadiusz Idzikowski staff answered 3 years ago

If you want to create multiple flipping cards in ngFor loop, it would be a good idea to create new sub component with private html template and add the flipping card code there.

Your question is not the same as the original question in this thread. In the future please create new thread for such case.

moulot priority answered 3 years ago

hello, in a for loop how can i setup dynamically the identifiers (#cards1) and the toggle method (cards1.toggle)

Damian Gemza staff answered 5 years ago

Dear Frazer Jamiesion, Here you can find every information about Angular Flipping Cards: But you have to notice, that if you want more than one flipping cards of one type, you have to change their identifiers for example #cards1, #cards2, #cards3 and then change onClick methods cards.toggle() to cards1.toggle(), cards2.toggle, cards3.toggle(). If you're facing other problems, let me know, and I'll help you. Best Regards, Damian

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No