Angular 13中如何设置NgDialogAnimationService弹窗的打开与关闭时长？

你可以直接在animation配置对象中添加durationIn和durationOut属性，分别控制弹窗打开、关闭的动画时长，具体修改如下：

import { NgDialogAnimationService } from 'ng-dialog-animation';

private dialogs: NgDialogAnimationService,

onView(row: any) {
  this.dialogs.open(LogViewComponent, {
    width: "250px",
    animation: { 
      to: "aside",
      // 弹窗打开动画时长（单位：毫秒）
      durationIn: 600,
      // 弹窗关闭动画时长（单位：毫秒）
      durationOut: 400
    },
    data: {
      dialogData: row,
    }
  }).afterClosed().subscribe(result => {
    // this.loadData();
  });
}

关键说明 #

• durationIn：单独控制弹窗打开阶段的动画持续时间，不设置则使用组件默认值
• durationOut：单独控制弹窗关闭阶段的动画持续时间，不设置则使用组件默认值

内容的提问来源于stack exchange，提问作者Sameh M Darwish