如何在 Angular 2+ 项目中使用 intl-tel-input 插件 utilsscript？答案

【问题标题】：How to use intl-tel-input plugin utilsscript in angular 2+ Project?如何在 Angular 2+ 项目中使用 intl-tel-input 插件 utilsscript？
【发布时间】：2019-05-11 03:55:03
【问题描述】：

模块：ng2-tel-input，
项目：Angular 4，
JS 插件：国际电话输入

安装后npm i ng2-tel-input

我在 node_modules\intl-tel-input\src\js\intlTelInput.js 文件中看到一条注释说

//specify the path to the libphonenumber script to enable validation/formatting

为utilsScript: ""

如何在我的 Angular 项目打字稿文件中使用这个 utilsScript？谁能给个解决办法？

【问题讨论】：

标签： javascript angular typescript npm

【解决方案1】：

您可以使用这个插件 - intl-input-phone。

npm i intl-input-phone

See the NPM link for more information npm

GitHub Link

Demo Link 1

Demo Link 2

【讨论】：

【解决方案2】：

您可以在该插件的官方页面上找到如何添加 utilsScript https://github.com/gauravsoni119/ng2-tel-input

您只需要在插件选项中添加 utilsScript：

[ng2TelInputOptions]="{initialCountry: 'in', utilsScript: 'node_modules/intl-tel-input/build/js/utils.js'}"

【讨论】：