Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Apply transitions between different components #192

tehmaestro opened this issue Mar 4, 2015 · 0 comments


None yet
1 participant
Copy link

commented Mar 4, 2015

Hi, I' trying to animate between different components, that get swapped when a certain property changes. Here's an example of my template:

   {{#if myCurrentObject.isX}}
    //calling the X component
    {{x save="save"}}

   {{#if myCurrentObject.isY}}
    //calling the Y component
    {{y save="save"}}

   {{#if myCurrentObject.isZ}}
    //calling the Z component
    {{z save="save"}}

myCurrentObject is the current object selected from the route's model, which is an array.
After save is called, the controller goes to the next object in the array, and the template rerenders the appropiate component.

Any way I can transition between these components? Thanks!
EDIT: I guess liquid-with is my answer, but by trying to get rid of deprecations, I get an error that says something like Ember version incorrect, although I have the latest , 1.11

EDIT2: I went to Ember 1.10 and Liquid Fire 1.17.1 , and everything works ok, no deprecation warnings. Thanks again for this awesome library.
liquid-with was indeed the answer!

@tehmaestro tehmaestro closed this Mar 4, 2015

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.