After couple of hours investigating my code I got to know that ng-binding
class blocking ng-leave.
Here is my code looks like
I have created two views in one view I have dynamic a href link and other
one i have defined href link
Sample1.html - where my dynamic a-tag href code
<div class="pages">
<div>The Total Posts </div>
<div ng-repeat="post in postData">
<div><h1><a href="{{ post.url }}">{{ post.title }}</a></h1><br/><p><div>{{
post.content }}></div></p></div>
<hr>
</div>
</div>
Sample2.html - where my fixed a-tag href code
<div class="pages">
<div>Its a single Page </div>
<div ng-repeat="page in contents">
<h2>{{page.title}}</h2>
<div>{{ post.content }}></div>
</div>
<a href="/">Back</a>
</div>
I have a class function assigned for my ng-include
<div class="page-about" ng-include="contentUrl"></div>
below is my page-about style class
page-about.ng-leave {
-webkit-transform-origin: 0% 0%;
-webkit-animation: rotateFall 1s both ease-in;
-moz-transform-origin: 0% 0%;
-moz-animation: rotateFall 1s both ease-in;
transform-origin: 0% 0%;
animation: rotateFall 1s both ease-in;
}
.page-about.ng-enter {
-webkit-animation:scaleUp 0.5s both ease-in;
-moz-animation:scaleUp 0.5s both ease-in;
animation:scaleUp 0.5s both ease-in;
}
I have an issue when ng-leave animation is not performing when I click the
dynamic a href click in Sample1.html, but its working when i click a href
in Sample2.html. I believe angular is assigning ng-binding class for the a
href binding variable, but I am not sure. can anyone provide me a solution
Thanks in Advance.
KK
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
