介绍
ng2-brvalidators 是一个 Angular 的 npm 包，提供了一系列的巴西格式的验证器。它依赖于 angular ，所以一定要确保已经正确安装了 angular （4 以上版本）。在本篇文章中，我们将会学习如何正确使用 ng2-brvalidators。
安装
- 打开命令行窗口。
- 运行 npm install ng2-brvalidators 安装 ng2-brvalidators。
使用
导入模块
在使用 ng2-brvalidators 之前，我们需要先在模块中导入所需要的模块。
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------ - ----------- - ---- -----------------
------ - ------------ - ---- ------------------
------ - ----------------- - ---- -------------------
-----------
-------- -
--------------
------------
-----------------
--
------------- - ------------ --
---------- - ------------ -
--
------ ----- --------- -
-在模板中使用
在模板中使用 ng2-brvalidators，我们需要在输入框上设置标签，并设置相应的验证器。
<form>
<input type="text" name="cpf" [(ngModel)]="cpf" required brCpf> <!--CPF验证器-->
<input type="text" name="cnpj" [(ngModel)]="cnpj" required brCnpj> <!--CNPJ验证器-->
<input type="text" name="phone" [(ngModel)]="phone" required brPhone> <!--电话号码验证器-->
</form>验证结果
我们可以通过访问验证控件中的 valid 属性来获取验证结果并对表单进行处理。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------------
--------- ------
--------- -
------
------ ----------- ---------- ----------------- -------- ------
------ ----------- ----------- ------------------ -------- -------
------ ----------- ------------ ------------------- -------- --------
------- -------------------------
-------
-
--
------ ----- ------------ -
---- -------
----- -------
------ -------
---------- -
-- ------
-- --------------- -- --------------- -- ----------------- -
-----------------------
-
-
-源代码
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------ - ----------- - ---- -----------------
------ - ------------ - ---- ------------------
------ - ----------------- - ---- -------------------
-----------
-------- -
--------------
------------
-----------------
--
------------- - ------------ --
---------- - ------------ -
--
------ ----- --------- -
-
------ - --------- - ---- ----------------
------------
--------- ------
--------- -
------
------ ----------- ---------- ----------------- -------- ------
------ ----------- ----------- ------------------ -------- -------
------ ----------- ------------ ------------------- -------- --------
------- -------------------------
-------
-
--
------ ----- ------------ -
---- -------
----- -------
------ -------
---------- -
-- ------
-- --------------- -- --------------- -- ----------------- -
-----------------------
-
-
-结论
ng2-brvalidators 提供了一些常用的巴西格式验证器，能够帮助我们更方便地进行表单验证。 在使用时，需要做好导入和设置验证器，以及获取验证结果等操作。 希望本篇文章能够帮助初学 Angular 的开发者更好地掌握 ng2-brvalidators 的使用方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005570d81e8991b448d3f7e