Developer Snippet Diary

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

Posted by: R GONDAL
Email: rizikmw@gmail.com