Академический Документы
Профессиональный Документы
Культура Документы
Produced by
• What are Template Forms?
• Template Forms compared to Reactive Forms
• Getting Started with Angular
• Demo: Setting Up the Angular Starter Application
• Binding with NgModel
• Demo: Binding an Input Control with NgModel
• Angular and Two-Way Data Binding
• Demo: Exploring NgModel
• Organizing Controls with Forms and Groups
• Demo: Using Forms and Groups
• Binding to Many Kinds of Controls
• Demo: Working with Various Kinds of Inputs, Text Area, and Select
• Form Submission
• Demo: Submitting a Form
• Angular supports two form systems: Template Forms and Reactive Forms
• Reactive Forms are covered in the Angular Reactive Forms course
• Template Forms use the directives: NgForm, NgModelGroup, and
NgModel to connect HTML5 forms to a tree of form control objects and
the component model
• The tree of form control objects contain information about the form
and it's controls such as validation state
• The component model contains the information entered via the form
Template Forms compared to Reactive Forms
control })
export class AppComponent {
• NgModel assigns the value of
the model to the control, and public message: string = "Hello World!";