Angular 5使用货币管道更新输入值

时间:2019-01-30 10:00:41

标签: angular directive

我正在使用货币管道在Angular 5中转换输入值,但是它在散焦输入框之后工作。.我正在寻找解决方案,例如像下面的a link那样输入其掩码。.

我尝试了许多无法解决的解决方案

1 个答案:

答案 0 :(得分:1)

要即时更新输入字段中的值,您需要使用ng2-currency-mask

第1步--安装软件包-npm install ng2-currency-mask --save

步骤2--在AppModule中导入模块

import { CurrencyMaskModule } from "ng2-currency-mask";
@NgModule({
    imports: [
        ...
        CurrencyMaskModule
    ],
    declarations: [...],
    providers: [...]
})
export class AppModule {}

步骤3-在输入字段上应用遮罩

<input currencyMask [(ngModel)]="value" />