如何将动画添加到第三方库组件

时间:2017-04-28 18:01:29

标签: angular

我正在使用Primeng's Dialog组件,我想添加动画以在打开时增加其比例。

向我的组件添加触发器动画并且DOM中的CSS样式更改但对话框不会更改。我假设它是因为p-dialog只是选择器,我如何将它应用于它下面的div

trigger('expandBox', [
  state('inactive', style({
    transform: 'scale(1)',
  })),
  state('active',   style({
    transform: 'scale(2)',
  })),
  transition('inactive => active', animate('100ms ease-in')),
  transition('active => inactive', animate('100ms ease-out'))
])

<p-dialog
  [@expandBox]='dialogVisibleString'
  header="Meeting Details - {{tileday}}" 
  ...
</p-dialog>

我在传递中遇到了这个问题,我希望将动画添加到第三方组件中,而且我从未确定如何修复它。

0 个答案:

没有答案