不应用动画查询限制
Limit for animations query is not applied
根据 Angular 动画包中的 query 函数文档,您可以提供一个可选参数 limit
。据我了解,使用 limit: 5
,只会对找到的前五个元素进行动画处理。
当我将 query
与 limit: 1
一起使用时,只有第一个元素是动画的,但是对于任何其他数字,所有元素都会是动画的。
看到这个plunker
transition(':enter', [
query('p', [
style({transform: 'translateY(-100px)', opacity: 0}),
animate('1s', style('*'))
], {limit: 2})
])
这是一个错误,已通过此 PR 修复。
提供的 plunker 现在可以按预期工作。
根据 Angular 动画包中的 query 函数文档,您可以提供一个可选参数 limit
。据我了解,使用 limit: 5
,只会对找到的前五个元素进行动画处理。
当我将 query
与 limit: 1
一起使用时,只有第一个元素是动画的,但是对于任何其他数字,所有元素都会是动画的。
看到这个plunker
transition(':enter', [
query('p', [
style({transform: 'translateY(-100px)', opacity: 0}),
animate('1s', style('*'))
], {limit: 2})
])
这是一个错误,已通过此 PR 修复。 提供的 plunker 现在可以按预期工作。