属性 'intlTelInput' 在类型 'Window' 上不存在

Question

我正在使用 angular7。我的网站需要国际电话输入 (https://intl-tel-input.com/)。

所以我使用下面的评论来安装CDN。

npm uninstall ng2-tel-input --save

之后我在 angular.json

中调用了 CSS 和 JS 文件

"styles": [
     "node_modules/intl-tel-input/build/css/intlTelInput.min.css",
      "src/styles.css"
],
"scripts": [
    "node_modules/intl-tel-input/build/js/utils.js",
    "node_modules/intl-tel-input/build/js/intlTelInput.min.js"
],

在 "contactform.compenent.html"

中添加了电话号码的输入字段

<input type="tel" class="form-control" value="" placeholder="Mobile number"
       id="telnumber-field" required>

并在"app.compenent.ts"

中添加了电话区的脚本

ngOnInit(){

jQuery( document ).ready( function( $ ) {   

    if(jQuery('#telnumber-field').length){
        var input = document.querySelector("#telnumber-field");
        window.intlTelInput(input, {
            preferredCountries: ['in'],
            separateDialCode: true
        });
    }       

}); }

但是出现错误

ERROR in src/app/app.component.ts(65,11): error TS2339: Property 'intlTelInput' does not exist on type 'Window'.

Answer 1

打字稿编译时 intlTelInput 对象未在 window object.change window 类型上创建 any 到跳过属性检查 window 持续时间编译。 intlTelInput 在浏览器中加载应用程序后可见，因此应用程序将按预期工作。

  ngOnInit(){

   jQuery( document ).ready( function( $ ) {   

    if(jQuery('#telnumber-field').length){
        var input = document.querySelector("#telnumber-field");
       (<any>window).intlTelInput(input, {
            preferredCountries: ['in'],
            separateDialCode: true
        });
    }       

}); 
}

属性 'intlTelInput' 在类型 'Window' 上不存在

Property 'intlTelInput' does not exist on type 'Window'

intl-tel-input

angular

angular6

angular7