Angular 5+原生表单验证器 - ng-validators

Angular 5+原生表单验证器 - ng-validators
插件名称 ng-validators
发布时间 2020年5月23日
插件作者 anjmao

该存储库包含用于模板驱动和响应式表单的本地Angular 5+表单验证器。

安装:

# Yarn
$ yarn add @ng-validators/ng-validators

# NPM
$ npm install @ng-validators/ng-validators --save

使用:

以反应形式使用。

import { greaterThan } from '@ng-validators/ng-validators';

this.formBuilder.group({
    age: ['', greaterThan(18)]
});

仅导入表单所需的验证器。

以模板驱动形式使用。

导入NgValidatorsModule @NgModule声明。

import { NgValidatorsModule } from '@ng-validators/ng-validators';

@NgModule({
    imports: [NgValidatorsModule]
})
export class AppModule {
}

现在您可以在HTML模板中使用Validator指令

<input class="form-control" type="text" ngModel name="gt" gt="10"/>