Skip to content
This repository was archived by the owner on Apr 12, 2024. It is now read-only.

ng-class animation styles without the element itself having transition attr #7090

Closed
fxck opened this issue Apr 11, 2014 · 3 comments
Closed
Assignees

Comments

@fxck
Copy link

fxck commented Apr 11, 2014

Why I need it..

Look at this structure.

<div ng-class="{ test: something == true }">
  <div class="animation"></div>
</div>

and I'd like to do something like this

.test-add .animation {
  transition: opacity 500ms;
}

.test-add-active .animation {
  opacity: 0;
}

..and the reason why I'm doing all this instead of simply adding ng-class to .animation itself, is because it seems to bug out when I try and use ng-class with the same varible on two different elements(only one transition happens, the other is instantly at the finished state)... it might be a bug in $animation, but I'm not entirely sure

@matsko
Copy link
Contributor

matsko commented Apr 11, 2014

Can you provide a plunkr to the buggy ngClass example?

@matsko matsko self-assigned this Apr 11, 2014
@fxck
Copy link
Author

fxck commented Apr 11, 2014

Yeah... I encoutered more than one strange/buggy behaviour, in cases which worked just fine while testing it with pure css(with :hover).. but it's gonna take a while to extract it from the thing I'm working on.. so yeah, eventually, just not now.

@fxck
Copy link
Author

fxck commented Apr 13, 2014

hey @matsko I've put it together in a new issue here #7105 closing this one

@fxck fxck closed this as completed Apr 13, 2014
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants