ДМ
Size: a a a
ДМ
DG
ДМ
DG
<parent>
<child tableData=data>
<mat-table data=tableData/>
</child>
</parent>
DG
ДМ
<parent>
<child tableData=data>
<mat-table data=tableData/>
</child>
</parent>
DG
ДМ
ДМ
AS
DS
DS
animations: [
trigger('fadeInOut', [
transition(':enter', [
style({
transform: 'translateY(-30px)',
opacity: 0,
'max-height': 0
}), animate( '300ms max-height', style({
'max-height': '100px',
transform: 'translateY(0)',
opacity: 1
}))
]),
transition(':leave', [
animate('300ms ease-out',
style({
'max-height': 0,
opacity: 0,
// transform: 'translateY(-30px)'
}))
])
])
]
ДМ
animations: [
trigger('fadeInOut', [
transition(':enter', [
style({
transform: 'translateY(-30px)',
opacity: 0,
'max-height': 0
}), animate( '300ms max-height', style({
'max-height': '100px',
transform: 'translateY(0)',
opacity: 1
}))
]),
transition(':leave', [
animate('300ms ease-out',
style({
'max-height': 0,
opacity: 0,
// transform: 'translateY(-30px)'
}))
])
])
]
DS
DS
ДМ
ДМ
VZ
VZ