Topic: Back of Flipping Card Hidden In Certain Situations (Angular 8)
I implemented the flipping card as shown on the docs. The flipping card works in Angular 8, but only in certain situations. The expected behavior is that the back of the card will always show when flipping the card. The expected behavior is this considering the back of card element is in the DOM even though it is invisible when I trigger toggle().
The back of the flipping card does not always show as visible. I have found if I navigate to the page it is on using a routerLink then it does not show the back of the card once it animates flipping. If I refresh that same page though then it will allow me to see the flip side of the card. The elements are in the DOM, they are just hidden once the animation happens. I have multiple flipping cards but they are each contained within their own component that I add to a page using ngFor.
Resources (screenshots, code snippets etc.)
The template for the flipping card was taken from the docs. It is not that it does not work in a base state, it is that it does not work in the way I am using it, and I think it should be. I have one flipping card each inside of its own components. The components containing one flipping card each are then rendered to the page using ngFor with ngSwitch. The template reference variables for each #card are all contained within their own component so should have different scopes if I am not mistaken.
I can provide a web page that has this implementation and exhibits this odd behavior, but I would rather email it than post on a public forum. Can you provide me your email address? I will also try to find it and reference this post in my email with the web address.
Thank you, Eric
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 8.1.1
- Device: Surface
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: No