时间戳

首页 > 解决方案 > 显示错误 angular.js:12477 TypeError: $(...).intlTelInput is not a function

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

问题描述

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

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 不是 Object 的函数。( http://localhost/taskm-rio/public/admin/app/ng-controllers/providerController.js:104:49 )

在此处输入图像描述

标签： jqueryangularjsintl-tel-input

解决方案

在脚本中添加 utils.js，

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

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

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

推荐阅读