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导入。 希望有帮助。