{"id":17767983,"url":"https://github.com/marcusviniciusss/angular-validate-br","last_synced_at":"2025-03-15T14:30:28.920Z","repository":{"id":70601748,"uuid":"139759740","full_name":"MarcusViniciusSS/angular-validate-br","owner":"MarcusViniciusSS","description":"Package for validations of the fields with angular.","archived":false,"fork":false,"pushed_at":"2018-07-06T20:40:27.000Z","size":307,"stargazers_count":8,"open_issues_count":2,"forks_count":5,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-27T02:42:29.151Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MarcusViniciusSS.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-07-04T19:33:04.000Z","updated_at":"2024-03-11T21:33:24.000Z","dependencies_parsed_at":"2023-07-09T18:46:32.449Z","dependency_job_id":null,"html_url":"https://github.com/MarcusViniciusSS/angular-validate-br","commit_stats":{"total_commits":37,"total_committers":5,"mean_commits":7.4,"dds":0.6486486486486487,"last_synced_commit":"fb529f10ca05973ae89a7be1181ff532df4239c5"},"previous_names":["lowpoc/angular-validate-br"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarcusViniciusSS%2Fangular-validate-br","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarcusViniciusSS%2Fangular-validate-br/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarcusViniciusSS%2Fangular-validate-br/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarcusViniciusSS%2Fangular-validate-br/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MarcusViniciusSS","download_url":"https://codeload.github.com/MarcusViniciusSS/angular-validate-br/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243742496,"owners_count":20340658,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-26T20:52:59.497Z","updated_at":"2025-03-15T14:30:28.530Z","avatar_url":"https://github.com/MarcusViniciusSS.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# angular-validate-br\n\n[![Build Status](https://img.shields.io/travis/erickants/angular-validate-br.svg)](https://travis-ci.org/fengyuanchen/cropperjs) [![Downloads](https://img.shields.io/npm/dw/angular-validate-br.svg)](https://www.npmjs.com/package/angular-validate-br) [![Version](https://img.shields.io/npm/v/angular-validate-br.svg)](https://www.npmjs.com/package/angular-validate-br)\n\n\u003e Library to projects on Angular to validate especific inputs with Brazilian rules.\n\n\u003e [Website](https://lowpoc.github.io/angular-validate-br/)\n\n## Installation\n\n```bash\nnpm install angular-validate-br --save\n```\n\n### Basic usage\n\nTo use the benefits of the library simply import the dependency in your class or module to have the resources at your disposal.\n\n  * Reactive Forms\n\n```typescript\n//Reactive forms\nimport { ValidateBrService } from 'angular-validate-br';\n@Component({\n  selector: 'lib-sample',\n  templateUrl: './sample.component.html',\n  styleUrls: ['./samle.component.css']\n})  \nexport class SampleComponent implements OnInit {\n  sampleForm: FormGroup;\n  \n  constructor(private validateBrService: ValidateBrService) {\n    this.sampleForm = return new FormGroup({\n      personalData: new FormGroup({\n        money: new FormControl('', [this.validateBrService.decimal]),\n        cpf: new FormControl('', [this.validateBrService.cpf]),\n        cnpj: new FormControl('', [ this.validateBrService.cnpj])\n      }),\n      url: new FormControl('', [this.validateBrService.url]),\n      number: new FormControl('', this.validateBrService.integer)\n    });\n  }\n```\n* Template-driven forms\n\n```typescript\n\n  import { BrowserModule } from '@angular/platform-browser';\n  import { NgModule } from '@angular/core';\n  import { AppComponent } from './app.component';\n  import { FormsModule } from '@angular/forms';\n  import { SampleComponent } from './sample.component';\n  import { AngularValidateBrLibModule } from 'angular-validate-br';\n\n  @NgModule({\n    declarations: [AppComponent, SampleComponent],\n    imports: [BrowserModule, FormsModule, AngularValidateBrLibModule],\n    providers: [],\n    bootstrap: [AppComponent]\n  })\n  export class AppModule {}\n```\n```html\n\u003cform #sampleform=\"ngForm\" novalidate\u003e\n  \u003cdiv\u003e\n    \u003cinput type=\"text\" required ValCpf [(ngModel)]=\"sample.cpf\" #cpf=\"ngModel\" name=\"cpf\" class=\"form-control\"\u003e\n    \u003cspan *ngIf=\"cpf.errors.cpfvalidator \u0026\u0026 (cpf.dirty || cpf.touched)\"\u003e Cpf is invalid\u003c/span\u003e\n  \u003c/div\u003e\n  \u003cdiv\u003e\n    \u003cinput type=\"text\" required ValCnpj [(ngModel)]=\"sample.cnpj\" #cnpj=\"ngModel\" name=\"cnpj\" class=\"form-control\"\u003e\n    \u003cspan *ngIf=\"cnpj.errors.cpfvalidator \u0026\u0026 (cnpj.dirty || cnpj.touched)\"\u003e Cnpj is invalid\u003c/span\u003e\n  \u003c/div\u003e\n  \u003cdiv\u003e\n    \u003cinput type=\"text\" required ValUrl [(ngModel)]=\"sample.url\" #url=\"ngModel\" name=\"url\" class=\"form-control\"\u003e\n    \u003cspan *ngIf=\"url.errors.urlvalidator \u0026\u0026 (url.dirty || url.touched)\"\u003e Url is invalid\u003c/span\u003e\n  \u003c/div\u003e\n\u003c/form\u003e\n```\n\n## Bugs and features\n\nPlease, fell free to [open a new issue](https://github.com/Lowpoc/angular-validate-br/issues) on GitHub.\n\n\n## License\n\n[MIT](http://opensource.org/licenses/MIT)\n\nCopyright (c) 2018 Marcus Vinicius(@Lowpoc) \u0026 Erick Antunes(@erickants)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarcusviniciusss%2Fangular-validate-br","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmarcusviniciusss%2Fangular-validate-br","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarcusviniciusss%2Fangular-validate-br/lists"}