我正在使用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>
我在传递中遇到了这个问题,我希望将动画添加到第三方组件中,而且我从未确定如何修复它。