从Angular2中的左侧动画中滑入

Question

我正在尝试构建一个进度条组件，其中栏从左侧滑入。

我有一个解决方案，其中条形的宽度固定为40％，但我的组件需要输入所需的百分比。

animations: [
    trigger('slide', [ 
        state('in', style({ width: '40%'})),
        transition('* => *', animate('1000ms ease-in'))
    ])
]

是否可以使用包含宽度的属性执行上述操作？或者还有其他更好的方法吗？

Answer 1

将宽度设置为40vw，它将确定您的窗口宽度以计算宽度。