EmberJs的余烬动画插座无法正常工作

时间:2014-03-16 22:12:32

标签: animation ember.js

我试图使用余烬动画插座(找到here),我不能为我的生活让它发挥作用,我明白我不需要使用{{outlet}}使用{{animated-outlet}}并使用{{link-to-aniamted}}代替,但它似乎正常转换。我也知道我需要在ember.js之后包含js,并且我还包括它附带的css文件,所以我对此感到困惑。 :( 对于我的基本观点,我使用

<script type="text/x-handlebars" data-template-name="application">
    <div class='wrapper'>
        @include('includes.globals.header')
        <div class='content row' id='content'>
            {{animated-outlet}}
        </div>
        @include('includes.globals.footer')
        @include('includes.js.navigation')
    </div>
</script>

我的链接如下:

{{#link-to-animated 'index' animations="main:slideLeft"}} Home @{{/link-to-animated}}

那么,我有什么遗失的吗?我需要在app.js中添加一些内容吗?如果您需要更多代码或信息,请询问,我将编辑此问题!非常感谢提前!我是新来的,所以请放轻松!

1 个答案:

答案 0 :(得分:1)

您需要指定&#39; name&#39;在动画出口帮手。

{{animated-outlet name =&#34; main&#34;}}

自述文件解释了它:https://github.com/billysbilling/ember-animated-outlet/blob/master/README.md#use-animated-outlet-instead-of-outlet