Data Binding

Data binding binds data from a custom element (host element) to the property or attribute of an element in its local DOM (child or target element).Data Binding is a mechanism of coordinating what users see on the screen(view).Based on data flow direction we can classify data binding into 2 types.

Data Direction Syntax
One way [[< property_name>]]
Two way {{< property_name>}}

< input value="{{user-Name::input-data}}">
\\Example :-
\\ If anyone wants to use the property for two way binding then we have to use property notify and set the notify property key to true.
static get properties(){
return {
} } }
\\then we can use it in the view
< input type="text" placeholder="Enter Username" value="{{userName::blur}}" required>

Visit :


* You must be logged in to add comment.