{"id":27611818,"url":"https://github.com/sau-lanvy/awesome-angular-form","last_synced_at":"2025-04-23T00:44:19.107Z","repository":{"id":216979999,"uuid":"81279238","full_name":"sau-lanvy/awesome-angular-form","owner":"sau-lanvy","description":"A collection of recipes for Angular 2 Form resources.","archived":false,"fork":false,"pushed_at":"2017-02-24T23:34:45.000Z","size":3,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-23T00:44:14.339Z","etag":null,"topics":["angular-forms","angular2"],"latest_commit_sha":null,"homepage":null,"language":null,"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/sau-lanvy.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}},"created_at":"2017-02-08T02:39:39.000Z","updated_at":"2017-02-08T02:39:39.000Z","dependencies_parsed_at":"2024-01-14T00:55:39.114Z","dependency_job_id":"f72b4a93-68fd-48d1-8bf0-7c650c36ce07","html_url":"https://github.com/sau-lanvy/awesome-angular-form","commit_stats":null,"previous_names":["sau-lanvy/awesome-angular-form"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sau-lanvy%2Fawesome-angular-form","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sau-lanvy%2Fawesome-angular-form/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sau-lanvy%2Fawesome-angular-form/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sau-lanvy%2Fawesome-angular-form/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sau-lanvy","download_url":"https://codeload.github.com/sau-lanvy/awesome-angular-form/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250348882,"owners_count":21415907,"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":["angular-forms","angular2"],"created_at":"2025-04-23T00:44:18.653Z","updated_at":"2025-04-23T00:44:19.100Z","avatar_url":"https://github.com/sau-lanvy.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"#Awesome Angular 2 Form\n\u003carticle class=\"markdown-body entry-content\" itemprop=\"text\"\u003e\nA collection of recipes for Angular 2 Form resources.\n\u003cblockquote\u003eA form creates a cohesive, effective, and compelling data entry experience. An Angular form coordinates a set of data-bound user controls, tracks changes, validates input, and presents errors.\u003c/blockquote\u003e\n\n\u003ch4\u003e\u003ca id=\"user-content-contents\" class=\"anchor\" href=\"#contents\" aria-hidden=\"true\"\u003e\u003c/a\u003eContents\u003c/h4\u003e\n\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"#official-resources\"\u003eOfficial Resources\u003c/a\u003e\n   \u003cul\u003e\n      \u003cli\u003e\u003ca href=\"#cookbook\"\u003eCookBook\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca href=\"#advanced\"\u003eAdvanced\u003c/a\u003e\u003c/li\u003e\n   \u003c/ul\u003e\n\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#articles\"\u003eArticles\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#videos\"\u003eVideos\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#tutorials\"\u003eTutorials\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#sample-projects\"\u003eSample Projects\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/article\u003e\n\u003cp\u003e\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\u003c/p\u003e\n\u003ch3 id=\"#official-resources\"\u003eOfficial Resources\u003c/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e\n    \u003ca href=\"https://angular.io/docs/ts/latest/guide/forms.html\" \u003eAngular 2 Form\u003c/a\u003e\n  \u003c/li\u003e\n \u003c/ul\u003e\n \u003ch6 id=\"#cookbook\"\u003eCookBook\u003c/h6\u003e\n    \u003cul\u003e\n\t    \u003cli\u003e\u003ca href=\"https://angular.io/docs/ts/latest/cookbook/dynamic-form.html\" target=\"_blank\"\u003eDynamic Forms\u003c/a\u003e\u003c/li\u003e\n\t    \u003cli\u003e\u003ca href=\"https://angular.io/docs/ts/latest/cookbook/form-validation.html\" target=\"_blank\"\u003eForm Validation\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n \u003ch6 id=\"#advanced\"\u003eAdvanced\u003c/h6\u003e\n    \u003cul\u003e\n      \u003cli\u003e\u003ca href=\"https://angular.io/docs/ts/latest/guide/reactive-forms.html\" \u003eReactive forms\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n\n\u003ch3 id=\"#articles\"\u003eArticles\u003c/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e\u003ca href=\"https://toddmotto.com/angular-2-forms-template-driven\"\u003eAngular 2 form fundamentals: template-driven forms\u003c/a\u003e\u003c/li\u003e\n  \u003cli\u003e\u003ca href=\"https://toddmotto.com/angular-2-forms-reactive\"\u003eAngular 2 form fundamentals: reactive forms\u003c/a\u003e\u003c/li\u003e\n  \u003cli\u003e\u003ca href=\"http://blog.angular-university.io/introduction-to-angular-2-forms-template-driven-vs-model-driven/\"\u003eIntroduction to Angular 2 Forms - Template Driven vs Model Driven or Reactive Forms\u003c/a\u003e\u003c/li\u003e\n  \u003cli\u003e\u003ca href=\"https://blog.thoughtram.io/angular/2016/06/22/model-driven-forms-in-angular-2.html\"\u003eReactive Forms in Angular\u003c/a\u003e\u003c/li\u003e\n  \u003cli\u003e\u003ca href=\"https://scotch.io/tutorials/how-to-build-nested-model-driven-forms-in-angular-2\"\u003eHow to Build Nested Model-driven Forms in Angular 2\u003c/a\u003e\u003c/li\u003e\n  \u003cli\u003e\u003ca href=\"https://blog.nrwl.io/angular-forms-in-depth-ecb7c58166b5\"\u003eAngular Forms in Depth\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\n\n\u003ch3 id=\"#books\"\u003eBooks\u003c/h3\u003e\n\n\u003ch3 id=\"#videos\"\u003eVideos\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"https://youtu.be/xYv9lsrV0s4\"\u003eAngular 2 Forms | Kara Erickson\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://youtu.be/8CbZCmAwBCc\"\u003eTodd Motto | Angular 2 Forms - NG-BE 2016\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://youtu.be/E92KS_YCSf8\"\u003eWebinar: latest Angular 2 Forms w/ Kara Erickson\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3 id=\"#tutorials\"\u003eTutorials\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"https://www.pluralsight.com/courses/angular-2-forms\" target=\"_blank\"\u003ePluralsight - Angular 2 Form\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://www.pluralsight.com/courses/angular-2-reactive-forms\" target=\"_blank\"\u003ePluralsight - Angular 2: Reactive Forms\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://egghead.io/courses/intro-to-angular-2-forms\"\u003eLearn the Basics of Angular 2 Forms\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch3 id=\"#sample-projects\"\u003eSample Projects\u003c/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e\u003ca href=\"https://github.com/kara/ac-forms\"\u003eDemo of Angular forms by Kara Erickson at Angular Connect 2016\u003c/a\u003e\u003c/li\u003e\n  \u003cli\u003e\u003ca href=\"https://github.com/udos86/ng2-dynamic-forms\"\u003eRapid form development library for Angular 2.x and higher\u003c/a\u003e\u003c/li\u003e\n  \u003cli\u003e\u003ca href=\"https://github.com/toddmotto/angular-tesla-range-calculator\"\u003eBuilding Tesla's battery range calculator with Angular 2+ reactive forms\u003c/a\u003e\u003c/li\u003e\n  \u003cli\u003e\u003ca href=\"https://github.com/toddmotto/angular-pizza-creator\"\u003eAngular advanced Form APIs pizza\u003c/a\u003e\u003c/li\u003e\n  \u003cli\u003e\u003ca href=\"https://github.com/DanWahlin/Angular-Forms\"\u003eAngular/TypeScript Forms\u003c/a\u003e\u003c/li\u003e\n  \u003cli\u003e\u003ca href=\"https://github.com/formly-js/ng-formly\"\u003eJavaScript powered FORMS for ANGULAR 2.x\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsau-lanvy%2Fawesome-angular-form","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsau-lanvy%2Fawesome-angular-form","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsau-lanvy%2Fawesome-angular-form/lists"}