属性'mask'在类型"JQuery <HTMLElement>"上不存在

Question

我最近尝试在我的 angular 项目中使用 jquery 掩码，所以我在我的项目中安装了：npm i jquery-mask-plugin，所以在我的 TS 文件中我写道：

ngOnInit() {
$('.date').mask('11/11/1111');
$('.time').mask('00:00:00');
$('.date_time').mask('00/00/0000 00:00:00');
$('.cep').mask('00000-000');
$('.phone').mask('0000-0000');
$('.phone_with_ddd').mask('[phone]');
$('.phone_us').mask('[phone]');
$('.mixed').mask('AAA 000-S0S');
$('.cpf').mask('000.000.000-00', {reverse: true});
$('.money').mask('000.000.000.000.000,00', {reverse: true});
}

就像在主站点上一样，但我更喜欢使用ngOnInit()而不是$(document).ready(function(e))，但是当我保存时，控制台出现错误：

"属性'掩码'在类型'Jquery'上不存在">

我做错了什么？我必须在应用程序模块上导入？我必须在 angular.json 中声明它？我必须导入要使用的组件文件？我该怎么办？？
Obs：如果还有其他角度的面具，你认为它更好，请告诉我:)

Answer 1

好吧，Angular 2+ 的"官方"掩码库是 https://www.npmjs.com/package/ngx-mask。我已经多次使用它，效果很好。您应该将其导入 appModule 中，如果您有延迟加载的模块，这些模块也在其中使用掩码。