在前端开发中,经常会用到各种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