如何在 Typescript 中使用 Google libphonenumber?

2024-01-03

我想在我的 Angular 项目中使用 Typescript 使用 Google libphonenumber。我在互联网上搜索了很多,找到了很多东西,但找不到任何可以满足我的目的的东西。

大多数可用内容都显示了 JavaScript 代码。如果我在打字稿中使用相同的代码,它会显示很多错误,例如cannot find name require or module not found。请告诉我如何/在哪里/写什么代码。

另外,请告诉我要安装哪个软件包,因为有很多软件包 - libphonenumber、google-libphonenumber、angular-libphonenumber


在处理 CommonJS 库时,在 TypeScript 中就像这样google-lib电话号码,我想建议两种方法(本人测试过,效果很好).

最初,我建议像这样从 NPM 安装:npm install --save google-libphonenumber.

然后,我们在这里使用它的两种方式:

第一种方法

直接导入就可以了

import libphonenumber from 'google-libphonenumber';
class Something {
    constructor() {//Just example, you can chose any method
        const phoneUtil = libphonenumber.PhoneNumberUtil.getInstance();
        console.log( phoneUtil.getSupportedRegions() );//It should works and give you some output
    }
}

第二种方法

您仍然可以通过以下方式发挥 Typescript 键入的功能或仅使用现有的键入:npm install --save-dev @types/google-libphonenumber.

既然你说你使用 Angular,所以你可以声明打字刚刚安装在src/tsconfig.app.json(我使用的是 Angular 版本 7)。这是我制作的一个例子:

{
  ...
  "compilerOptions": {
    ...
    "types": [
      "google-libphonenumber"
    ]
  },
  ...
}

然后你可以像往常一样导入它,以 Typescript“打字”方式,如下所示:

import { PhoneNumberUtil } from 'google-libphonenumber';

class Something {
    constructor() {//Just example, you can chose any method
        const phoneUtil: PhoneNumberUtil = PhoneNumberUtil.getInstance();
        console.log( phoneUtil.getSupportedRegions() );//It should works and give you some output
    }
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Typescript 中使用 Google libphonenumber? 的相关文章

随机推荐

  • 根本无法导入Python的电子邮件模块

    我似乎根本无法导入电子邮件模块 每次我这样做都会出错 我尝试卸载 Python 并重新安装 但电子邮件模块拒绝工作 我什至已经完成了 pip install email 但它仍然损坏 我使用的是 Windows 7 Home Premium
  • Spring 3.2 对泛型类型的验证

    我有一个如下所示的界面 Validated public interface Service
  • 在 React 中使用 Three.js obj-loader

    在第一次尝试中 我使用了从 node modules 的正常导入 之后甚至使用了 minifided lib 但没有成功 在下一步中 我使用了旧版本的三 js 库无需任何更改 我找到了导入三个 obj loader 模块的示例并尝试了它 但
  • 如何在 java 8 流 api 中使用 guava 谓词作为过滤器

    Guava 谓词 http docs guava libraries googlecode com git javadoc com google common base Predicate html不能直接用作 java 8 流 API 的
  • Xpath:选择直接子元素

    我有一个如下所示的 XML 文档
  • 如何在 C++ 中实现通用哈希函数

    我正在尝试通过模板在 C 中实现 HashTable 这是签名 template
  • 工具提示中的高图表总计

    我正在使用此代码来显示共享工具提示 tooltip crosshairs true shared true headerFormat KW point key table pointFormat tr td series name b b
  • 如何用 Angular CLI 替换 SCSS 文件?

    Angular CLI 提供了以下可能性 替换文件 https angular io guide build configure target specific file replacements构建项目时 我想使用此功能将具有默认样式的
  • Rxswift Observable.of 和 Observable.create 有什么区别

    我是 rxSwift 的新手 我在创建 Observable 时发现了一些区别Observable of and Observable
  • 如何自动判断项目使用了哪些PHP扩展?

    有没有办法自动找出您拥有源代码的特定项目使用了哪些 PHP 扩展 当将网站从一台服务器迁移到另一台服务器时 我经常想知道应该启用哪些 PHP 扩展才能使网站正常运行 是的 如果项目使用 Docker 或有详尽的安装指南 则此用例可能无关紧要
  • GHC 的 zlib 构建错误

    我正在使用具有以下配置的虚拟机 Arch Linux 3 0 ARCH 内核 GHC 7 0 3 cabal 安装 0 10 2 阴谋集团库 1 10 1 0 当我尝试使用 cabal 构建 zlib 时 cabal install zli
  • 在 Compass 中使用数据 URI 的新 Bulletproof @font-face 语法

    我正在使用指南针 font face与inline font files and font files为了创造一些沿着新的 Bulletproof Font Face 语法 http www fontspring com blog the
  • CollectionAssert.AreEquivalent 与 Assert.Equals()

    public void NumericListCanBeSorted var sorted sort SortNumbers nums Assert AreEqual sorted nums public List
  • 通过 VBA 终止所有资源管理器实例 - Excel

    Private Sub CommandButton1 Click Dim objWMI As Object objProcess As Object objProcesses As Object Set objWMI GetObject w
  • 按空格数拆分 NSString

    我有一个NSString包含一些由未知数量的空格字符分隔的值 例如 NSString line 1 2 3 我想分割NSString进入一个NSArray像这样的值 1 2 3 将组件分隔开 并删除所有对象 例如 从结果数组中 NSStri
  • 使用VBA检查日期是否在两个日期之间

    因此 我浏览了该网站上的许多问题来回答这个问题 并且我相信我的代码是正确的 但它仍然无法正确验证 但我不明白为什么 我正在尝试做的事情 我在 Excel 中使用用户表单 我有一个日期输入框和一个日历选择器 当其中一个发生更改时 另一个也会更
  • 使用 C# 启动和停止服务[重复]

    这个问题在这里已经有答案了 我想停止一项服务 然后在停止后重新启动该服务 我正在使用 C 并生成了以下代码 问题是 如果服务启动 它将停止服务但不会重新启动服务 如果下次调用该函数时服务停止 它将仅启动该服务 string strCmdTe
  • 什么是 C++ Mixin 风格?

    我刚刚看到这个关键词C Mixin Style 有人知道这是什么吗 In 这个帖子 https stackoverflow com questions 543262 is mixin considered a design pattern
  • 如何强制Python字典收缩?

    我在其他语言中也经历过这种情况 现在我在Python中遇到了同样的问题 我有一本包含很多 CRUD 操作的字典 人们会认为从字典中删除元素应该会减少它的内存占用 事实并非如此 一旦字典的大小增加 通常加倍 它永远不会 释放分配的内存 我已经
  • 如何在 Typescript 中使用 Google libphonenumber?

    我想在我的 Angular 项目中使用 Typescript 使用 Google libphonenumber 我在互联网上搜索了很多 找到了很多东西 但找不到任何可以满足我的目的的东西 大多数可用内容都显示了 JavaScript 代码