What is Event Binding | Data Binding | Angular 15+
Event binding allows us to bind webpage events to a components property or methods. Using event binding we can pass data from view to Component ClassEvent binding: (data) ="expression"
search.component.ts
export class SearchComponent {
search_value:string = '';
changeValue(eventis:any){
this.search_value = eventis.target.value;
}
}
search.component.html
<label class="form-label">Searching: {{search_value}}</label>
<input type="text" class="form-control" (input)="changeValue($event)">
So when user type in input box this data will be sent to changeValue Function. its again send variable to view