In this article let us explore the two-way binding in Angular and how NgModel implements the two-way binding in Angular Forms. The ngModel is a built-in directive and is part of the FormsModule. The Two-way binding uses the syntax [()]
In this guide, we will explore the Event Binding in Angular. Event binding is one way from view to component. We use it to perform an action in the component when the user performs an action like clicking on a button in the view.
In this guide let us explore the Property Binding in Angular with examples. Property binding is one way from component to view. It lets you set a property of an element in the view to property in the component. You can set the properties such as class, href, src, textContent, etc using property binding. You can also use it to set the properties of custom components or directives (properties decorated with @Input).
In this guide let us explore the interpolation in Angular with examples. We use interpolation to bind a component property, component method or to a template reference variable to a string literal in the view. It is one way from component to view as the data flow from the component to view.
In this tutorial, we are going to look at the How Data Binding works in Angular with examples. Angular Components are useless if they do not show any dynamic data. They also need to respond to user interactions and react to events. The data binding keeps both components & views in sync with each other. There are many ways to bind data in Angular like Interpolation, Property Bindings, Event Bindings & Two Way Bindings. We also learn how to use the ngModel directive to achieve the two-way binding in Angular Forms.