根据Angular动画包中的query函数文档,您可以提供可选参数limit
。根据我的理解,使用limit: 5
,只会找到找到的前五个元素。
当query
与limit: 1
一起使用时,只有第一个元素是动画的,但是对于任何其他数字,所有元素都将被动画化。
请参阅此plunker
transition(':enter', [
query('p', [
style({transform: 'translateY(-100px)', opacity: 0}),
animate('1s', style('*'))
], {limit: 2})
])