动画 ngx-bootstrap 进度条

Question

动态值进度条示例有一个动画，其中彩色条值填满。

是否可以使用静态值获得那种动画效果（填充条形图）？

我尝试添加 [animate]="false" 但没有奏效。

进度条似乎在该值处加载。

https://valor-software.com/ngx-bootstrap/#/progressbar#bs3-dynamic

Answer 1

这行得通，但感觉像个 hack :)

//Component:
value: number = 0;
ngOnInit() {
   setTimeout(() => this.value = 20, 0)
}

//Template:
<progressbar [value]="value"></progressbar>

并且不要使用[animate]="false"，如果使用它不会动画。