角度动画div宽度

Question

如果我可以实现这样的动画： 我定义了一个div，div的宽度取自变量'viewId'。 “ col-”是引导程序样式。

<div class="{{!viewId?'col-12':'col-4'}}" [@expandToX]="!viewId?'max':'min'">

我的动画是：

export function expandToX() {
return trigger('expandToX', [
    state('max', style({ width: '*' })),
    state('min', style({ width: '*' })),
    transition('max=>min',
        animate('0.3s ease-in')

    ),
    transition('min=>max',
        animate('0.3s ease-in')

    )
]);

}

但不起作用。