I came across this code snippet:
<a href="#local-container" >X</a>
When clicking on the link, the URL changes to:
http://localhost:8088/#/local-container
In AngularJS, I encountered an issue where I needed to capture the active element on click in order to animate a DOM element using the following CSS:
#local-container:target{
left:0px;
width:10px;
}
The problem is that it doesn't work as expected because the hashtag doesn't match the ID of the div in the CSS.
Is there an alternative way to achieve the desired animation effect? Or should I consider changing the URL pattern in AngularJS?