【问题标题】:Animate ngx-bootstrap progressbar动画 ngx-bootstrap 进度条
【发布时间】:2019-12-01 17:13:22
【问题描述】:

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

是否可以使用静态值获得那种动画效果(填充条形图)?

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

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

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

【问题讨论】:

    标签: angular animation progress-bar ngx-bootstrap


    【解决方案1】:

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

    //Component:
    value: number = 0;
    ngOnInit() {
       setTimeout(() => this.value = 20, 0)
    }
    
    //Template:
    <progressbar [value]="value"></progressbar>
    

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

    【讨论】:

      猜你喜欢
      • 2023-03-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-06-27
      • 2014-04-23
      • 1970-01-01
      • 2014-05-16
      相关资源
      最近更新 更多