Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/30.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在Angular 7+中共享动画;_Angular_Angular Animations - Fatal编程技术网

在Angular 7+中共享动画;

在Angular 7+中共享动画;,angular,angular-animations,Angular,Angular Animations,是否可以在整个项目中共享动画触发器 我不想在每个新组件中添加导入和动画元声明 谢谢 您可以这样做: 共享数据 yourComponent.ts 基本上,您可以在任何地方重用该共享触发器,只需从模块sharedAnimations.ts导入即可。 希望能有帮助。是的,我现在就是这么做的。只是想知道是否有可能在应用程序范围内取消动画,跳过导入和动画:[]在我的组件中的部分。我认为这是不可能的 import { trigger, transition, ... } from "@angular/ani

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

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


谢谢

您可以这样做:

共享数据 yourComponent.ts 基本上,您可以在任何地方重用该共享触发器,只需从模块
sharedAnimations.ts
导入即可。
希望能有帮助。

是的,我现在就是这么做的。只是想知道是否有可能在应用程序范围内取消动画,跳过导入和动画:[]在我的组件中的部分。我认为这是不可能的
import { trigger, transition, ... } from "@angular/animations";

export const sharedTrigger = trigger("sharedTrigger", [
    transition(":enter", [
       ...
    ])
])
import { sharedTrigger } from "./sharedAnimations";

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