Question

我希望在更新通过* ngFor绑定到模板html的值数组后触发动画。

为了使我的动画有意义，我需要在视图更新后使用最新值触发它。

我想知道生命周期中是否有一点我可以在视图完成更新时挂钩？或者，如果我可以调用某些东西来触发视图立即使用最新值更新？

Answer 1

我想知道在视图完成更新后，我可以在生命周期中找到一个点吗？

您可以在ngFor中包含一个包含每个元素的指令。该指令只能在第一次渲染时执行动画。

Answer 2

  animations: [
    trigger('fadeInOutTranslate', [
      transition(':enter', [
        style({opacity:0}),
        animate(300, style({opacity:1}))
      ]),
      transition(':leave', [
        style({transform: 'translate(0)'}),
        animate(300, style({opacity:0}))
      ])
    ])
  ],

我没有测试它，但它适用于* ngIf，所以为什么不使用* ngFor，也许你可以找到进入角度动画属性的方法。

https://angular.io/docs/ts/latest/guide/animations.html

Angular 2 ng For Update View Lifecycle Hook

2 个答案: