搜索了一整天后,我被困住了,所以我想寻求帮助。
我怎样才能在 angular2 中实现这样的东西:http ://dfsq.github.io/ngView-animation-effects/app/#/page/1
我的意思是如何使用 Router 在 2 个页面之间无缝转换?我可以动画页面更改,但现在是这样的:
动画输入->第一页加载->动画输出->空路由器出口(因为组件被破坏) ->动画输入->第二页加载
但我想要:
动画输入->第一页加载->第一页动画输出->第二页动画输入->第二页加载->这里销毁第一页
任何帮助,将不胜感激 :)
我怎样才能延迟 *ngFor 的每个项目一个接一个地制作动画?
我的意思是这样的:
<li *ngFor="let item of items"> //end result like below:
<a [@flyIn]="'in'">first item</a> // delay 100ms and animate
<a [@flyIn]="'in'">first item</a> // delay 200ms and animate
<a [@flyIn]="'in'">first item</a> // delay 300ms and animate
<a [@flyIn]="'in'">first item</a> // delay 400ms and animate
<a [@flyIn]="'in'">first item</a> // delay 500ms and animate
</li>
Run Code Online (Sandbox Code Playgroud)
我是否需要以某个时间间隔将项目添加到项目数组中,或者可能有一些更简单的方法?