Join Justin Schwartzenberger for an in-depth discussion in this video Error handling, part of Angular 2 Essential Training (2016).
- [Voiceover] Let's take a look at how you can use…the Angular form system…to provide some error feedback in the UI.…The media item form has the required,…pattern, and year validators.…We can use the control errors property…to show some text messages for these fields.…Angular will add an errors property…to the control objects when they are invalid.…By using the local template variable…on the form control elements…and setting them equal to "ngForm",…we can check those variables…for the existence of the errors property.…
So, in the media-item-form.component.html file,…we can add "#name" on the name input…and set it equal to "ngForm".…By doing so,…Angular will set the name local template variable…equal to the control object instance for name,…from the control group set up on the form.…We can then use that to check for errors.…Let's add a div with an "ngIf " directive,…set in the statement to "name.errors",…and display some error text.…
We can also add a CSS class named "error",…which the form.css file…already has some style set up for us.…
- What is Angular?
- Setting up an Angular template
- Creating a component
- Displaying data
- Working with events
- Using two-way data binding
- Creating a subcomponent
- Using the built-in HTTP module
- Using the built-in router module
Skill Level Intermediate
AngularJS and WordPress: Building a Single-Page Applicationwith Roy Sivan31m 52s Intermediate
Building a Mobile App with AngularJS 1 and Ionicwith Ray Villalobos3h 31m Intermediate
1. Architecture Overview
3. Directives and Pipes
5. Dependency Injection and Services
Next steps1m 20s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.