ng2-currency-mask 使用教程

ng2-currency-mask 使用教程

ng2-currency-maskA very simple currency mask directive that allows using a number attribute with the ngModel.项目地址:https://gitcode.com/gh_mirrors/ng/ng2-currency-mask

1. 项目的目录结构及介绍

ng2-currency-mask 是一个用于 Angular 项目的货币格式化库。以下是其基本的目录结构：

ng2-currency-mask/
├── LICENSE
├── README.md
├── package.json
├── src/
│   ├── index.ts
│   ├── ng2-currency-mask.module.ts
│   ├── currency-mask.directive.ts
│   ├── currency-mask.config.ts
│   └── test/
│       ├── currency-mask.directive.spec.ts
│       └── setup.ts
└── tsconfig.json

目录结构介绍

• LICENSE: 项目许可证文件。
• README.md: 项目说明文档。
• package.json: 项目依赖和脚本配置文件。
• src/: 源代码目录。
  • index.ts: 项目入口文件。
  • ng2-currency-mask.module.ts: 模块定义文件。
  • currency-mask.directive.ts: 货币格式化指令实现文件。
  • currency-mask.config.ts: 配置选项定义文件。
  • test/: 测试文件目录。
    • currency-mask.directive.spec.ts: 指令测试文件。
    • setup.ts: 测试环境设置文件。
• tsconfig.json: TypeScript 配置文件。

2. 项目的启动文件介绍

项目的启动文件是 src/index.ts，它导出了项目的模块和指令，使得其他项目可以通过 npm 安装并引入使用。

export * from './ng2-currency-mask.module';
export * from './currency-mask.directive';
export * from './currency-mask.config';

3. 项目的配置文件介绍

项目的配置文件是 src/currency-mask.config.ts，它定义了货币格式化的配置选项。

export class CurrencyMaskConfig {
  public align: string = "right";
  public allowNegative: boolean = true;
  public decimal: string = ".";
  public precision: number = 2;
  public prefix: string = "";
  public suffix: string = "";
  public thousands: string = ",";
}

配置选项介绍

• align: 文本对齐方式，默认为右对齐。
• allowNegative: 是否允许负数，默认为允许。
• decimal: 小数点符号，默认为点号。
• precision: 小数位数，默认为2位。
• prefix: 货币前缀，默认为空。
• suffix: 货币后缀，默认为空。
• thousands: 千位分隔符，默认为逗号。

通过这些配置选项，可以灵活地调整货币格式化的行为，以适应不同的需求。

ng2-currency-maskA very simple currency mask directive that allows using a number attribute with the ngModel.项目地址:https://gitcode.com/gh_mirrors/ng/ng2-currency-mask