如何在Angular 7中使用输入蒙版jQuery插件?

时间:2019-04-12 13:08:08

标签: angular input mask

我想在我的angular 7项目中实现输入掩码。我需要知道要遵循的步骤。

我正在尝试使用this插件。

我遵循以下步骤。
步骤1: npm install inputmask --save
第2步:以从“ inputmask”导入Inputmask的方式导入我的应用程序中;
在声明声明中:[Inputmask]

第3步:在我的component.html中
<input data-inputmask="'mask': '[9-]AAA-999'" im-insert="true">

我遇到以下问题:
未捕获的错误:模块'AppRoutingModule'导入了意外的值'Inputmask'。请添加@NgModule批注。

如何解决?或者我可以获取示例代码或链接。

1 个答案:

答案 0 :(得分:0)

我终于找到了解决方法。

  1. 安装Jquery和inputMask

    args <- commandArgs(trailingOnly = TRUE) if((!= is.null(args[1])) && (!=is.na(args[1]))) filename = args[1]

  2. 将jquery和mask js添加到angular-cli.json

    npm install jquery --save npm install inputmask --save

  3. 导入您的组件

    scripts: [ "../node_modules/jquery/dist/jquery.min.js", "../node_modules/inputmask/dist/jquery.inputmask.bundle.js" ]

  4. 在NgOnInit中调用

    import * as Inputmask from "inputmask"

  5. 在输入标签中添加掩码

    ngOnInit() { Inputmask().mask(document.querySelectorAll("input")); }