动画 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"，如果你使用它就不会动画。