• Tutorials Logic, IN
  • +91 8092939553
  • info@tutorialslogic.com

Data Binding in Angular

Data Binding

Data binding is one of the most important and powerful features in angular, which allows us to define communication between the component and view or template. There are mainly four types of data binding available in angular, such as-

String Interpolation

										    
											<h1>{{ title }}</h1>
											
										

Property Binding

										    
											<img [src]="imagePath"/>
											
										

Event Binding

										    
											<button (click)="action()">Click Action</button>
											
										

Two-Way Data Binding

										    
											<h1>Welcome: {{userName}}</h1>
											<input type="text" [(ngModel)]="userName"/>