{"flag":true,"single":true,"pageTitle":"What is Event Binding | Data Binding | Angular 15+","post":{"id":54,"user_id":"1","slug":"what-is-event-binding-data-binding-angular-15--7q80","title":"What is Event Binding | Data Binding | Angular 15+","body":"<p>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\"<\/p>\r\n<p><strong>search.component.ts<\/strong><\/p>\r\n<pre class=\"language-markup\"><code>export class SearchComponent {\r\n  search_value:string = '';\r\n  changeValue(eventis:any){\r\n    this.search_value = eventis.target.value;\r\n  }\r\n}\r\n<\/code><\/pre>\r\n<p><strong>search.component.html<\/strong><\/p>\r\n<pre class=\"language-markup\"><code>&lt;label class=\"form-label\"&gt;Searching: {{search_value}}&lt;\/label&gt;\r\n&lt;input type=\"text\" class=\"form-control\" (input)=\"changeValue($event)\"&gt;<\/code><\/pre>\r\n<p>&nbsp;<\/p>\r\n<p>So when user type in input box this data will be sent to changeValue Function. its again send variable to view<\/p>","category_id":"13","is_private":"0","created_at":"2023-03-27T05:03:07.000000Z","updated_at":"2023-03-27T05:03:07.000000Z","category":{"id":13,"user_id":"1","name":"Angular","slug":"angular-rfjp","parent_id":"12","created_at":"2023-03-24T03:25:15.000000Z","updated_at":"2023-03-24T03:25:15.000000Z"},"user":{"id":1,"name":"R GONDAL","email":"rizikmw@gmail.com","email_verified_at":null,"two_factor_confirmed_at":null,"current_team_id":"1","profile_photo_path":null,"created_at":"2023-03-12T10:49:33.000000Z","updated_at":"2025-01-10T12:59:00.000000Z","profile_photo_url":"https:\/\/ui-avatars.com\/api\/?name=R+G&color=7F9CF5&background=EBF4FF"}},"pageDesc":"Event binding allows us to bind webpage events to a components property or methods. Using event binding we can pass data from view to Compon - What is Event Binding | Data Binding | Angular 15+ (Updated: March 27, 2023) - Read more about What is Event Binding | Data Binding | Angular 15+ at my programming site [SITE]","categories":[]}