What is the difference between the types of binding in the Angular?

Question

Navigation

#1 by (2 votes)

3

Non-Angular (non-AngularJS) there are some ways to bind Component properties to the View.

<img src="{{ boundProperty }}">
<img bind-src="boundProperty">
<img [src]="boundProperty">

Is there a proper way to perform bindings? In what situations should each of the above items be used and why?

angularjs binding

asked by anonymous 22.09.2017 / 04:58

1 answer

score 2 · Accepted Answer

There is no right way to perform Data Binding, each situation can be used the way you want and / or can apply. There are 4 ways:

Interpolation: {{ valor }}

Property Binding: [propriedade]="valor"

Event Binding: (evento)="handler"

Two-Way Data Binding: [(ngModel)]="propriedade"

associates information between both, that is, keeps both updated (component and template (HTML).

Source: link