npm 包 ng2-brasil 使用教程

在前端开发中,经常会用到各种npm包来帮助我们快速开发,ng2-brasil 是一个专门处理巴西行政地址(地址、城市、州等)的Angular组件库,如果您正在开发针对巴西用户的应用程序,使用ng2-brasil可以非常方便地实现巴西地区相关的地址信息。

安装

使用npm安装:

--- ------- ---------- ------

使用

在你的模块中引入:

------ - -------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------ - ----------- - ---- -----------------
------ - --------------- - ---- -------------

------ - ------------ - ---- ------------------

-----------
  --------      - -------------- ------------ --------------- --
  ------------- - ------------ --
  ----------    - ------------ -
--
------ ----- --------- - -

在模板中使用:

--------------- ------------- ---------------------------------------------------

API

ng2-brasil 提供了一些可供使用的组件,包括:

ng2-brasil-cep

接收一个六位数字的CEP作为输入,并使用请求的巴西Post Service (Correios)API提取其详细信息,包括地址、城市、州和国家等。

Properties

  • cep - 指定CEP的值,六位数字
  • zipcode - String,经过格式化的CEP值

Events

  • cepChange - 在值更改时发出,事件对象包含当前的CEP值。

ng2-brasil-cpf

接收一个有效的巴西税号(CPF或CNPJ)或任何纯数字字符串作为输入,并为它们添加分隔符以便于查看。

--------------- ---------------------------------

Properties

  • cpf - 指定税号的值,指定为字符串或数字
  • formatedCpf - 指定一个经过格式化的税号值(###.###.###-## for CPF and ##.#.#.#.#.#/####-## for CNPJ),只读。

Events

  • cpfChange - 在值更改时发出,事件对象包含当前的税号值。

ng2-brasil-cnpj

接收一个有效的巴西税号(CPF或CNPJ)或任何纯数字字符串作为输入,并为它们添加分隔符以便于查看。

---------------- ------------------------------------

---- ----------
- ------ - ----------------
- -------------- - ---------------------------- --- --- --- -------------------- --- ---------

---- ------

- ------------ - ---------------------


--- -------------------

------------------------------------------------------------

-------
------------------ ------------------------------------------

Properties

  • estado - 指定州的值,指定为字符串或数字
  • formatedEstado - 指定一个经过格式化的州值,只读

Events

  • estadoChanged - 在值更改时发出,事件对象包含当前的州值。

示例

以下是一个简单的示例,演示了如何使用ng2-brasil:

app.component.ts:

------ - --------- - ---- ----------------

------------
  --------- ---------
  --------- -
    -------------- ---------
    --------------- ------------- ---------------------------------------------------
    --------------
  -
--
------ ----- ------------ -
  ---- -------

  ------------------ ------- -
    -------------------
  -
-

结论

ng2-brasil 提供了一些方便的组件,可以处理巴西用户的地址信息和税号。这个组件库可以让开发者更容易地创建针对巴西用户的应用程序。如果您正在开发针对巴西用户的应用程序,ng2-brasil 是一个不错的选择。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005737b81e8991b448e96f1


猜你喜欢

  • npm 包 generator-swagger-docker-api 使用教程

    引言 在前端开发中,接口文档是重要的一环。Swagger 是一款非常优秀的 API 文档工具。而 Docker 则是一款非常好用的容器化技术。generator-swagger-docker-api ...

    3 年前
  • npm 包 mistyep 使用教程

    前言 mistyep 是一个能够自动化生成项目文件夹结构的 npm 包,它为前端开发者提供了方便快捷的项目初始化方法。在这篇文章中,我们将介绍 mistyep 的基本使用方法、其特殊的配置选项以及如何...

    3 年前
  • npm 包 open-epsilon 使用教程

    前言 现如今,前端开发已经成为互联网开发领域中不可或缺的一部分,在前端开发中,有很多用于提高开发效率的工具和框架。其中,npm 是一款很实用的包管理工具,方便开发者管理项目中需要的第三方库。

    3 年前
  • 在前端领域轻松测试:使用 @pageobject/adapter-test-suite

    在现代前端开发过程中,自动化测试是至关重要的一环。尽管在前端开发中测试不同于传统的软件测试,但许多原则仍然奏效。测试不仅能够提高代码质量,减少 bug 数量,还能够帮助开发者尽早发现问题并及时修复它们...

    3 年前
  • npm 包 @pageobject/class 使用教程

    简介 @pageobject/class 是一款方便的 JavaScript 类组件库,它可以帮助前端开发者更高效地开发组件。它提供了一些有用的特性,如继承、多态,以及一个支持状态切换的生命周期。

    3 年前
  • npm 包 @pageobject/puppeteer-adapter 使用教程

    在前端开发中,我们经常需要进行自动化测试,以确保应用程序的功能的正确性和稳定性。现在,通过 npm 包 @pageobject/puppeteer-adapter,我们可以更轻松地完成这项工作。

    3 年前
  • npm 包 vibrant-colour-detection 使用教程

    前言 在前端开发过程中,颜色的运用是非常重要的一环。而颜色选择的好坏也会直接影响到用户对一个网站的评价。因此,在开发过程中对颜色的处理是需要我们认真对待的。而本文所介绍的 vibrant-colour...

    3 年前
  • npm 包 @pageobject/selenium-adapter 使用教程

    前言 在前端自动化测试领域,Selenium 是非常常用的测试工具之一,它可以模拟用户在浏览器中的各种操作来进行测试,并且支持多种编程语言的 API。但是,在使用 Selenium 进行测试的过程中,...

    3 年前
  • npm 包 bs-eventsource 使用教程

    在前端开发中,经常会涉及到从服务器获取数据的需求。而实时数据传输是一种非常高效的数据传输方式。现在,很多开发者使用 EventSource 在前端实现实时数据传输。

    3 年前
  • npm 包 @jluisvar/plazom 使用教程

    什么是 @jluisvar/plazom? @jluisvar/plazom 是一个可以将西班牙语单词转换成 Plazom 格式的 npm 包。Plazom 是一种受欢迎的西班牙语方言,它将单词中的元...

    3 年前
  • npm 包 argo-entities 使用教程

    什么是 argo-entities argo-entities 是一个用于处理前端实体定义的 npm 包。它提供了一个实体定义语言(EDL)和一个库,用于解析和操作 EDL 文件和定义的实体。

    3 年前
  • npm 包 @jincor-tech/verify-ts-client 使用教程

    前言 随着区块链技术的发展和应用越来越广泛,使用 JavaScript 开发区块链应用的开发者增多了。当我们开发一个区块链应用时,经常需要在前端进行账户信息及交易签名等敏感操作。

    3 年前
  • npm 包 cg-enum 使用教程

    在前端开发中,经常需要使用枚举来声明一些常量。但是在 JavaScript 中,没有原生的枚举类型,导致开发者需要写大量的常量定义代码,并且使用容易出错。为了解决这个问题,我们可以使用 npm 包 c...

    3 年前
  • npm包bragg-load-config使用教程

    介绍 bragg-load-config是一个npm包,它可以帮助前端开发者加载配置文件并将其转换为JavaScript对象。这个包的优点是简单易用且可以在不同的项目中重复使用。

    3 年前
  • npm包 Ganesha 使用教程

    Ganesha 是一个为前端开发人员提供的工具包,它提供了很多有用的功能,例如头像生成、二维码生成、随机字符串生成、颜色选取器等等。它可以在 Node.js 和浏览器中使用。

    3 年前
  • npm 包 table-progress-mohammad 使用教程

    npm 是一个广泛使用的 JavaScript 包管理器,可用于共享和重复使用代码。在前端领域,有许多 npm 包可以帮助提高工作效率和代码质量。本篇教程将介绍一个名为“table-progress-...

    3 年前
  • npm 包 @blazingedge/update 使用教程

    在前端开发中,我们时常需要更新一个对象中的某些属性或者添加新属性。而这个过程是比较麻烦和易错的,特别是当我们需要在项目中频繁地修改对象时。@blazingedge/update 这个 npm 包就提供...

    3 年前
  • npm 包 agh.sprintf 使用教程

    前言 在前端开发中,我们经常需要对字符串进行格式化操作,例如填充变量、数值格式化等。针对这种需求,有一种非常优秀的 npm 包 agh.sprintf,它是一个小巧的字符串格式化工具,使用方便,支持多...

    3 年前
  • npm 包 browser-installations 使用教程

    当我们在开发 Web 应用程序时,经常需要检测用户的浏览器和浏览器版本,并在不同的浏览器中提供不同的体验。然而,这并不容易实现,因为用户可以使用各种不同种类的浏览器,每个浏览器版本的支持也不一样。

    3 年前
  • npm 包 eth-net-type 使用教程

    简介 在以太坊区块链系统中,节点会根据网络的不同而运行在不同的链上,例如主链、测试链等。这些链的网络类型就是 netVersion,它是一个长度为6的字符串,由数字和字母组成,不同类型的网络对应不同的...

    3 年前

相关推荐

    暂无文章