Aurelia has its own data-binding system.

Simple Binding :

You already saw simple binding in some of our previous chapters. ${...} syntax is USED to link veiw-model and view.

APP.js

export class App
{
constructor()
{
this.myData = 'Welcome to Aurelia app!';
}
}
app.html

 ${myData} 

Two way Binding : The beauty of Aurelia is in its SIMPLICITY. The two-way data binding is automatically set when we BIND to input fields.

app.js

export class App
{
constructor()
{
this.myData = 'Enter some text!';
}
}

app.html

 ${myData}

 Now we have our view-model and view linked. Whenever we enter some text INSIDE input field, the view will be updated.

Aurelia has its own data-binding system.

Simple Binding :

You already saw simple binding in some of our previous chapters. ${...} syntax is used to link veiw-model and view.

app.js

export class App
{
constructor()
{
this.myData = 'Welcome to Aurelia app!';
}
}
app.html

 ${myData} 

Two way Binding : The beauty of Aurelia is in its simplicity. The two-way data binding is automatically set when we bind to input fields.

app.js

export class App
{
constructor()
{
this.myData = 'Enter some text!';
}
}

app.html

 ${myData}

 Now we have our view-model and view linked. Whenever we enter some text inside input field, the view will be updated.