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 包 speedbe 使用教程

    简介 speedbe 是一个基于 Node.js 的处理大文件数据的工具包。它能够高效地处理大型 CSV、JSON 和 TXT 等格式的数据文件。 speedbe 提供了简单易用的 API,可以帮助你...

    3 年前
  • npm 包 worker-store 使用教程

    在前端开发中,有许多情况下需要对数据进行管理和共享。一种常用的方案是使用订阅发布模式和数据流管理工具,如 Redux 和 MobX。然而,在某些场景下,使用这些工具可能导致性能问题,因为它们需要频繁地...

    3 年前
  • npm 包 atscntrb-hx-libjansson 使用教程

    前言 atcntrb-hx-libjansson 是一个轻量级的 JavaScript 库,它提供了用于处理 JSON 的函数和数据结构。这个库封装了 libjansson 库,使得在 JavaScr...

    3 年前
  • npm 包 livy 使用教程

    在现代 Web 开发中,使用前端工具库来提高开发效率已经是很常见的事情了。而 npm 就是前端工具库中最常用的、最重要的一个了。npm 上有很多优秀的开源项目和代码包,其中 livy 可以帮助我们在前...

    3 年前
  • npm 包 @miguelbrieva/platzom 使用教程

    介绍 @miguelbrieva/platzom 是一个用于转换西班牙语的 npm 包。它可以将常见的西班牙语单词进行一系列规则转换,比如加上 "-way" 后缀来模仿 pig latin 或加上字母...

    3 年前
  • npm 包 mincomplete 使用教程

    在前端应用的开发中,我们经常需要使用自动完成输入框的功能。而 mincomplete 是一个非常适合前端开发的 npm 包,它提供了一种简单而强大的自动完成输入框组件。

    3 年前
  • npm 包 roi-ui 使用教程

    介绍 npm 包 roi-ui 是一个适用于前端开发的 UI 库。它包含了多个组件,能够帮助开发者快速搭建用户界面,并提供了一些常用的 UI 功能。本文介绍了如何使用 roi-ui,并提供了一些示例代...

    3 年前
  • npm 包 yashdesai-npm-pack 使用教程

    前言 npm 是 Node.js 的包管理器,常用于前端开发中的依赖安装和管理。在开发过程中,我们可能会需要自己编写一些模块,然后将其发布到 npm 上供他人使用。

    3 年前
  • npm 包 react-leaflet-googlemutant 使用教程

    简介 react-leaflet-googlemutant 是针对 react-leaflet 的一个 npm 包,它允许你在地图中使用 Google Maps 地图图层。

    3 年前
  • npm 包 eeue56-elm-ffi 使用教程

    介绍 eeue56-elm-ffi 是一个可以在 Elm 中使用 JavaScript 函数的 npm 包。在 Elm 中使用这个包可以让开发者在需要调用 JavaScript 函数的时候更加自由和方...

    3 年前
  • npm 包 hyper-tab-close 使用教程

    介绍 npm 包 hyper-tab-close 是一个用于关闭 Hyper 终端标签页的工具。Hyper 是一个基于 Electron 的跨平台终端,提供了许多开发者友好的功能,但是它没有提供一个直...

    3 年前
  • npm 包 api-codegen 使用教程

    在前端开发过程中,我们经常需要调用一些 API 接口以获取数据或者完成一些操作。然而,手动编写 API 的请求代码不仅费时费力,而且容易出错。因此,API 代码生成工具应运而生。

    3 年前
  • npm 包 atscntrb-hx-libev 使用教程

    前言 在前端开发中,我们经常需要使用各种第三方的库。其中,npm 作为前端生态系统中最重要的一环,为我们提供了大量的优质的开源库,极大地方便了我们项目的开发。在这里,我们将介绍一个常用的 npm 包—...

    3 年前
  • npm 包 atscntrb-hx-libsdl2 使用教程

    前端开发中,随着需求的增多,库和框架的使用变得越来越重要。作为前端开发者,我们需要熟练掌握各种库和框架的使用方法,方便快捷地完成任务。今天,我将向大家介绍一个使用广泛的 npm 包 atscntrb-...

    3 年前
  • npm 包 atscntrb-hx-libxml2 使用教程

    什么是 atscntrb-hx-libxml2? atscntrb-hx-libxml2 是一个基于libxml2库的 Node.js C++ 扩展,提供了访问和解析 XML 文件的能力。

    3 年前
  • npm 包 keycloak-authenticate 使用教程

    Keycloak 是一个开源的身份和访问管理系统,支持多种协议和认证模式。keycloak-authenticate 是一个基于 Node.js 的 npm 包,可简化使用 Keycloak 进行身份...

    3 年前
  • npm 包 najdisi-sms-api 使用教程

    简介 najdisi-sms-api 是一款在 Node.js 环境下可用的 Slovenian mobile network provider Najdi.si SMS API 的官方 Node.j...

    3 年前
  • npm 包 react-star-rating-component-forked 使用教程

    在前端开发中,我们经常需要使用一些第三方库或框架来协助我们完成实际的开发工作。其中,npm 是一个很常见也很流行的 JavaScript 包管理器,提供了大量的开源库供开发者使用。

    3 年前
  • npm 包 vue-input-selector 使用教程

    简介 vue-input-selector 是一个基于 Vue 的 npm 包,用于构建带有下拉选择器选择的输入框。它集成了多种输入提示和选择菜单的样式和选项,提供了丰富的、可定制化的选项和样式。

    3 年前
  • npm包imdb-ratings使用教程

    概述 npm包 imdb-ratings 是一个提供电影评分信息的npm包,支持查询IMDb网站上的电影评分数据。利用其可以快速获取到目标电影的评分,非常适合在前端中集成使用。

    3 年前

相关推荐

    暂无文章