显示错误 angular.js:12477 TypeError: $(...).intlTelInput is not a function

Posted 2023-05-09

【中文标题】显示错误 angular.js:12477 TypeError: $(...).intlTelInput is not a function

【英文标题】：Showing error angular.js:12477 TypeError: $(...).intlTelInput is not a function

【发布时间】：2020-01-29 10:01:22

【问题描述】：

我有一个显示客户详细信息的标签服务提供商。当您单击选项卡时，它会显示要编辑的空字段并给出此错误

angular.js:12477 TypeError: $(...).intlTelInput 不是函数

刷新页面后，错误消失。可能是什么问题？

我已将我的 intlTelInput 函数放入超时函数中，但它不起作用。

这是我的代码

if ($("input[name='code']").length >= 1) 
    $("input[name='code']").intlTelInput(
        separateDialCode: true,
        initialCountry: "auto",
        geoIpLookup: function (callback) 
            $.getJSON("https://freegeoip.net/json/", function (data) 
                callback(data.country_code); `
            );
        
    );

这是完整的错误

angular.js:12477 TypeError: $(...).intlTelInput is not a function at 目的。 (http://localhost/taskm-rio/public/admin/app/ng-controllers/providerController.js:104:49)

enter image description here

【问题讨论】：

你在用@types/ tel input吗？

我正在使用 intlTelInput,js

为什么不改用ng-intl-tel-input？如果可用，使用 angularjs 解决方案总是比使用 jquery 更好。

【参考方案1】：

在脚本中添加 utils.js，

`"scripts": [ 
              "node_modules/intl-tel-input/build/js/utils.js"
            ]`

在 angular.json 文件中。这将解决您的问题。

转到 angular.json 文件 寻找脚本 在脚本中添加“node_modules/intl-tel-input/build/js/utils.js”以及 intlTelInput.min.js / intlTelInput.js 保存 刷新您的应用程序