angular 数字滚动插件countUp.js-angular2

1、插件下载

npm i countUp.js-angular2 -- save

2、git地址

https://github.com/inorganik/countUp.js-angular2

3、使用

1)、在标签中使用

<h1 countUp [endVal]="myEndVal">0</h1>

2)、js动态使用

loadData(data) {
      const id = 'app-small-card-' + this.id;
      const val = data || this.value;
      const oldVal = this.oldData;
      const numAnim = new CountUp(id, oldVal, val);
      this.oldData = val;
      if (!numAnim.error) {
          numAnim.start();
      } else {
          console.error(numAnim.error);
      }
  }

猜你喜欢

转载自blog.csdn.net/ligaoming_123/article/details/82592793
今日推荐