ep.html

<div [@detailExpand]="shouldExpand ? 'expanded' : 'collapsed'">
  Test
</div>

ep.ts

@Component({
  selector: 'foo',
  templateUrl: './ep.html',
  animations: [
    trigger('detailExpand', [
      state('collapsed', style({
        height: '0',
        minHeight: '0',
      })),
      state('expanded', style({ height: '*' })),
      transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
    ]),
  ],
})
export class Foo {
  shouldExpand = fase;
}