Template-driven forms are one of two different ways of setting up forms with Angular. This approach is all about doing the setup in the template, which greatly resembles the approach used in AngularJS. So, if you have a background in AngularJS, this approach will be quite familiar to you.
- Preface
- Creating Our First Component in Angular
- IDEs and Plugins
- Introducing TypeScript
- Implementing Properties and Events in Our Components
- A better template syntax
- Configuring our template from our component class
- Summary
- Enhancing Our Components with Pipes and Directives
- Building an Application with Angular Components
- Introducing the component tree
- Common conventions for scalable applications
- How dependency injection works in Angular
- Introducing the app directory structure
- Refactoring our application the Angular way
- Summary
- Asynchronous Data Services with Angular
- Strategies for handling asynchronous information
- Reactive functional programming in Angular
- Introducing the HTTP API
- A real case study – serving Observable data through HTTP
- Some best practices
- Summary
- Firebase
- Routing
- Adding support for the Angular router
- Building a practical example – setting up the router service
- Handling parameters
- Advanced features
- Securing the routes with AuthGuard and CanActivate hook
- Resolve<T> – fetching and resolving data before routing
- The CanDeactivate – handling cancel and save
- Async routing – improving response time
- Summary
- Forms in Angular
- Template-driven forms
- Reactive forms
- AbstractControl
- Programmatic and dynamic approach
- Turning a form into a dynamic form
- Adding controls with validation rules
- Refactoring – making the code more dynamic
- Updating our component form model – using setValue and patchValue
- Cleaning up our form creation and introducing FormBuilder
- Building your own custom validator
- Watching state changes and being reactive
- Summary
- Angular Material
- Animating Components with Angular
- Unit Testing in Angular
- SystemJS
- Webpack with Angular
Template-driven forms
-
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.