在前端开发中，经常会用到各种npm包来帮助我们快速开发，ng2-brasil 是一个专门处理巴西行政地址（地址、城市、州等）的Angular组件库，如果您正在开发针对巴西用户的应用程序，使用ng2-brasil可以非常方便地实现巴西地区相关的地址信息。
安装
使用npm安装：
npm install ng2-brasil --save
使用
在你的模块中引入：
-- -------------------- ---- ------- ------ - -------- - ---- ---------------- ------ - ------------- - ---- ---------------------------- ------ - ----------- - ---- ----------------- ------ - --------------- - ---- ------------- ------ - ------------ - ---- ------------------ ----------- -------- - -------------- ------------ --------------- -- ------------- - ------------ -- ---------- - ------------ - -- ------ ----- --------- - -
在模板中使用：
<ng2-brasil-cep [(cep)]="cep" (cepChange)="cepOnChange($event)"></ng2-brasil-cep>
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）或任何纯数字字符串作为输入，并为它们添加分隔符以便于查看。
<ng2-brasil-cpf [(cpf)]="myCpf"></ng2-brasil-cpf>
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