ngx-货币

演示

https://nbfontana.github.io/ngx-monics/ 互联网档案馆的存檔,存档日期2013-12-21

目录

• 开始
• 文档
• 发展
• 许可证

开始

安装和导入

通过命令安装软件包 :

npm install ngx-currency --save

导入指令

import { NgxCurrency } from "ngx-currency";

@Component({
  selector: "app-root",
  templateUrl: "./app.component.html",
  imports: [NgxCurrency],
})
export class App {}

使用

<input type="text" inputmode="decimal" currencyMask formControlName="value" />

• ngModel 类型数的属性 。 如果显示 '$ 25.63',属性将是 '25.63'。 。 。 .

选项

您可以设置选项...

<!-- example for pt-BR money -->
<input [currencyMask]="{ prefix: 'R$ ', thousands: '.', decimal: ',' }" formControlName="value" />

可用的选项 :

• align - 输入文本对齐。 (默认 : right(中文(简体) )
• allowNegative - 狦 true 可以输入负值。 (默认 : true(中文(简体) )
• decimal - 小数分隔符(默认: '.'(中文(简体) )
• precision - 小数位数(默认: 2(中文(简体) )
• prefix - 金钱前缀( 默认 ): '$ '(中文(简体) )
• suffix - 货币后缀( 默认 ): ''(中文(简体) )
• thousands - 千人分隔符(默认: ','(中文(简体) )
• nullable - 当真,清洁场的价值将是 null,当值为虚假时 0
• min - 最小值(默认值: undefined(中文(简体) )
• max - 最大值(默认值: undefined(中文(简体) )
• inputMode - 确定如何在用户键入时处理数字(默认: Financial(中文(简体) )

输入模式 :

• Financial - 数字从最高精度小数开始 打入一个数字转换数字. 小数字符被忽略. 大多数现金登记都这样工作。 例如:
  • 键入 '12' 结果 '0.12'
  • 键入 '1234' 结果 '12.34'
  • 键入 '1.234' 结果 '12.34'
• Natural -数字从小数的左边开始 在小数位移的左边打入数字 数字左; 在小数的右下键替换下一个数字。 大部分文本输入 电子表格是这样工作的。 例如:
  • 键入 '1234' 结果 '1234'
  • 键入 '1.234' 结果 '1.23'
  • 键入 '12.34' 结果 '12.34'
  • 键入 '123.4' 结果 '123.40'

您也可以在全球设置选项...

import { provideEnvironmentNgxCurrency, NgxCurrencyInputMode } from 'ngx-currency';

bootstrapApplication(App, {
  providers: [
    ...
    provideEnvironmentNgxCurrency({
      align: "right",
      allowNegative: true,
      allowZero: true,
      decimal: ",",
      precision: 2,
      prefix: "R$ ",
      suffix: "",
      thousands: ".",
      nullable: true,
      min: null,
      max: null,
      inputMode: NgxCurrencyInputMode.Financial,
    }),
    ...
  ],
}).catch((err) => console.error(err));

发展

准备环境

• 安装 节点.js 国家防范机制
• 安装本地依赖 : npm install 当前目录是此 repo

开发服务器

要启动本地开发服务器, 请运行 :

npm start

大楼

要建立库运行 :

npm run build:lib

测试

执行单位测试 维特 测试跑道,使用以下命令:

npm test

在Chrome浏览器中运行时,可以设置代码断点来使用这些指令来调试测试:

• 从主虚拟浏览器页面单击 Debug 按钮打开调试窗口
• 新闻 ctrl + shift + i 打开 Chrome 开发工具
• 新闻 ctrl + p 查找要调试的文件
• 输入一个文件名, 如 input.handler.ts 并单击文件
• 在文件中,单击行号设置断点
• 刷新浏览器窗口以重新运行测试并停止断点

许可证

麻省理工学院 @ Neri Bez Fontana