Angular 7+中的共享动画

Question

是否可以在整个项目中共享动画触发器？

我不想在每个新组件中添加导入和动画元声明。

谢谢！

Answer 1

你可以这样做：

sharedAnimations.ts

import { trigger, transition, ... } from "@angular/animations";

export const sharedTrigger = trigger("sharedTrigger", [
    transition(":enter", [
       ...
    ])
])

yourComponent.ts

import { sharedTrigger } from "./sharedAnimations";

@Component({
    ....,
    animations: [sharedTrigger]
})
....

基本上你可以在任何地方重用那个共享触发器，你只需要从模块sharedAnimations.ts导入它。希望有所帮助。