我试图使用余烬动画插座(找到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中添加一些内容吗?如果您需要更多代码或信息,请询问,我将编辑此问题!非常感谢提前!我是新来的,所以请放轻松!
答案 0 :(得分:1)
您需要指定&#39; name&#39;在动画出口帮手。
{{animated-outlet name =&#34; main&#34;}}