Angular TutorialLesson 17Free preview

Angular Data Binding

This lesson is part of Angular · All levels

Summary

Data binding connects data in a class component to a template view. There are one-way bindings such as interpolation and property binding, binding events to respond to user actions, as well as two-way with [(ngModel)]. With binding, you don't have to manipulate the DOM manually.

Key points

Interpolation displays text from component data
Property binding [prop] binds value to the DOM attribute
Event binding captures user action
Two-way binding [(ngModel)] synchronizes the input with the model

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.