Как использовать плагин ввода маски jQuery в Angular 7? - PullRequest
Новая
       35

Как использовать плагин ввода маски jQuery в Angular 7?

1 голос
/ 12 апреля 2019

Я хочу реализовать маску ввода в моем проекте angular 7.Мне нужно знать шаги, которые необходимо выполнить.

Я пытаюсь использовать этот плагин.

I, следуя следующим шагам.
Шаг 1: npm install inputmask --save
Шаг 2: Импортировано в моем приложении маршрутизацию как import Inputmask из "inputmask";
И в объявлении декларации: [Inputmask]

Шаг 3: В моем component.html
<input data-inputmask="'mask': '[9-]AAA-999'" im-insert="true">

У меня возникают следующие проблемы:
Uncaught Ошибка: неожиданное значение 'Inputmask' импортированомодуль «AppRoutingModule».Пожалуйста, добавьте аннотацию @NgModule.

Как это исправить?Или я могу получить пример кода или ссылку.

1 Ответ

0 голосов
/ 12 апреля 2019

Я наконец-то узнал, как это исправить.

  1. Установить Jquery и inputMask

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

  2. Добавьте jquery и маску js к angular-cli.json

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

  3. Импорт в компонент

    import * as Inputmask from "inputmask"

  4. Позвоните в NgOnInit

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

  5. Добавить маску во входной тег

    <input data-inputmask="'mask': '99-9999999'" />

...