Topic: Flipping cards not working in Angular Pro

frazer@technology.design pro asked 4 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 2 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 2 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 4 years ago


Dear Frazer Jamiesion, Here you can find every information about Angular Flipping Cards: https://mdbootstrap.com/angular/components/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.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

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