小编Dam*_*iuk的帖子

在不破坏第一个组件的情况下在 2 个组件之间路由转换?

搜索了一整天后,我被困住了,所以我想寻求帮助。

我怎样才能在 angular2 中实现这样的东西:http ://dfsq.github.io/ngView-animation-effects/app/#/page/1

我的意思是如何使用 Router 在 2 个页面之间无缝转换?我可以动画页面更改,但现在是这样的:

动画输入->第一页加载->动画输出->空路由器出口(因为组件被破坏) ->动画输入->第二页加载

但我想要:

动画输入->第一页加载->第一页动画输出->第二页动画输入->第二页加载->这里销毁第一页

任何帮助,将不胜感激 :)

angular2-routing angular

5
推荐指数
1
解决办法
1305
查看次数

如何延迟每个 ngFor 项目动画

我怎样才能延迟 *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)

我是否需要以某个时间间隔将项目添加到项目数组中,或者可能有一些更简单的方法?

angular2-animation angular

5
推荐指数
1
解决办法
3220
查看次数