@owaesmirza/angula2-counto (英语)
用于计算动画的 Angular 16+ 包
安装
npm i --save @awaismirza/angular2-counto
系统JS
var map = {
'angular2-counto': 'node_modules/angular2-counto/src'
};
var packages = {
'angular2-counto': { main: 'counto.module.js', defaultExtension: 'js' }
};
角- CLI 函数
仅导入模块如下:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { CountoModule } from 'angular2-counto';
@NgModule({
imports: [ BrowserModule, CountoModule ],
declarations: [ AppComponent ],
bootstrap: [ AppComponent ]
})
export class AppModule { }
货币管示例:
<div counto [step]="30" [countTo]="10" [countFrom]="0" [duration]="4" (countoChange)="counto = $event" (countoEnd)="onCountoEnd()">{{counto | currency:'EUR':'symbol':'1.2-2'}}</div>
使用量
| 参数 | 需求 | 单位 | 说明 |
|---|---|---|---|
| 步骤 | 对 | 微秒数 | 如何快速更新计数器 |
| 计数到 | 对 | 编号 | 任何开始编号 |
| 计数从 | 对 | 编号 | 任意端号 |
| 会期 | 对 | 秒数 | 动画持续时间 |
任何以上参数都可以被自由绑定在一个事件上. 每次参数变化,动画都会被执行. 您可以使用任何您想要修改输出到您的需要的管道 .