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導入sharedAnimations.ts 。 希望能有所幫助。