Data binding keeps your page up to date, depending on the condition of your application. You can use data binding to describe things like an image's source, a button's state, or data for a specific user.
According to the direction of data flow, Angular offers three types of data binding:
A target name appears to the left of the equal sign in binding kinds other than interpolation. A property or event is the destination of a binding, which you can enclose with square brackets, , parentheses, (), or both, [()].
The direction of data flow is specified by the binding punctuation , (), [()], and the prefix.
A property, an event, or an attribute name can target a data binding. A source directive's public members are automatically available for binding in a template expression or statement.