属性 '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('(00) 0000-0000');
      $('.phone_us').mask('(000) 000-0000');
      $('.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)) ，但是当我保存时，控制台向我显示错误：

"Property 'mask' does not exist on type 'Jquery'"

我做错了什么？我必须在 appModule 上导入吗？我必须在 angular.json 中声明它吗？我必须导入要使用的组件文件吗？我该怎么办？？
Obs：如果您认为angular还有其他掩码更好，请告诉我:)

Answer 1

嗯，Angular 2+ 的 'official' 掩码库是 https://www.npmjs.com/package/ngx-mask。我已经用过好几次了，效果很好。你应该在 appModule 中导入它，如果你有延迟加载的模块，它们也在其中使用掩码。

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

Property 'mask' does not exist on type 'JQuery<HTMLElement>

javascript

jquery

mask

angular