Introduction To Angular's reactive forms
0 likes1,161 views
The document discusses reactive forms in Angular, highlighting the complexity of Angular forms and the architecture behind them. It includes live coding examples, form control structures, and validations, as well as resources for further learning. The author, Nir Kaufman, is a Google Developer Expert and emphasizes practical coding techniques for developers.
![@NgModule({
declarations: [AppComponent],
imports : [
BrowserModule,
ReactiveFormsModule
],
bootstrap : [AppComponent]
})](https://image.slidesharecdn.com/heroesangularreactiveforms-170608090053/85/Introduction-To-Angular-s-reactive-forms-13-320.jpg)
Introduction To Angular's reactive forms
- 2. <form onsubmit="send()"> <input type="text" required> </form>
- 3. REACTIVE FORMS Nir Kaufman Unleash the power of Angular’s
- 4. Nir Kaufman Google Developer Expert Head of Angular at 500Tech Worldwide speaker Community leader @nirkaufman
- 12. GET STARTED
- 13. @NgModule({ declarations: [AppComponent], imports : [ BrowserModule, ReactiveFormsModule ], bootstrap : [AppComponent] })
- 15. export interface JsHero { name: string; age: number; canCode: boolean; skills: number; }
- 16. this.heroForm = fb.group({ name: null, age: null, canCode: false, skills: 0, })
- 17. FORM ELEMENTS
- 20. JUST A FUNCTION
- 21. control => null | { } LIVE CODING
- 22. TRACKING STATE
- 23. abstract class AbstractControl { readonly value: any; readonly status: string; readonly valid: boolean; readonly invalid: boolean; readonly pending: boolean; ……… } LIVE CODING
- 25. FINAL WORDS
- 26. ANGULAR FORMS
- 27. YOU ANGULAR
- 28. ANGULAR YOU
- 29. YOU FORMS
- 30. NEXT STEPS