AngularJS使用angular-formly进行表单验证_AngularJS

然后，在controller中定义各个字段以及验证。angular-formly就是为这个需求而存在。

在controller中，把各个字段定义在数组中：

使用hideExpression字段定义隐藏的条件：

使用validators字段自定义验证规则：

首先安装：npm install angular-formly angular-formly-templates-bootstrap bootstrap api-check

Demo的文件结构：

css/
.....style.css
node_modules/
scripts/
.....MainController.js
.....provinces.js [提供select的选项，有关省]

app.js

index.html

index.html

app.js

province.js

以factory的方式返回一个对象，包含获取select选项的方法。

angular

MainController.js

以上内容是小编给大家分享的AngularJS使用angular-formly进行表单验证的全部叙述，希望大家喜欢。